html标签和属性
操作方法
- 01
首先是基本的结构标签组成(大家可以对照着自己的html文件看一下) <html>,表示是html文件<head>,标签里面可以加网站标题,描述,样式还有js脚本等。 <title></title>,包含文件的标题,标题出现在浏览器标题栏中 </head>是<head>的结束标签 <body>,放置浏览器中显示信息的所有标志和属性,其中内容在浏览器中显示. </body>,是<body>的结束标签 </html>,是<html>的结束标签 然后在<body></body>标签之间就是我们主要用到的标签了。 1.<div></div>是一个块级元素,浏览器通常会在div元素前后放置一个换行符。它常用的属性有id,class,title,style。写法例如:01<divclass="test"id="test1"style="color:#FF0000",title="一个例子">这是一个例子</div> 02 03//class值可以定义多个中间用空格隔开就可以,id只能有一个,style是直接给div里面的内容进行 04 05//样式定义的,比如上面直接加了一个文件显示红色的css代码。title是对div内容的提示。 06 07//我们用鼠标放在‘这是一个例子’上面时就会有这个提示告诉用户这是做什么的。 08 09//通过定义class或者id的值我们就可以在css文件里面来给这个div内容加样式上去,写法是 10 11//.test{}或者#test1第一个是class的写法第二个是id值的写法,这样我们以后如果要给 12 13//这个div加样式就可以去找下它的id值或者class值,然后在{}之间添加css代码。其他的html 14 15//标签也是一样的,都可以用来定义,比如<a></a><p></p><h1></h2>等等 2.<ahref=”"title=”"></a>这个标签大家应该很熟悉主要是做链接用的,href里面填写链接的地址,我们也叫他锚文本。 3.<imgsrc=”"alt=”"title=”"/>图片标签,src里面填写图片的地址,alt图片说明,一般做seo的alt也需要添加内容上去。 4.<h1></h1>,<h2></h2>,<h3><h3>,<h4><h4>,<h5></h5>,<h6></h6>这些都是标题标签,标题大小由数字逐渐变小。5.<formaction=”"method=”"name=”"id=”"></form>表单标签,用来提交一些信息,比如我们评论就需要用这个标签。属性以此是:需要把内容提交的地址,提交的方法,表单的名称,id值。6.<inputtype=”"name=”"size=”"value=”"/>可以用在<form>里面然后把内容提交给action地址,属性type定义它的类型,可以是文本框,复选框,密码框,按钮,单选按钮等 7.<p></p>段落标签,浏览器默认给它一个换行符。主要用在文章中。 8.<span></span>标签因为它不换行所以常用来内容组合。然后分别给定义样式。 9.<iframesrc=”"></iframe>框架标签,常常用来嵌入视频地址来显示在网站上面。src里面输入视频地址。常用属性包含有可以定义宽度width,高度height,是否显示滚动scrolling=”",yes显示no不显示。10.<b></b>加粗标签可以给文件进行加粗,也可以用<strong></strong>11.<center></center>居中标签,对文字或者图片等进行居中。 12.<br/>换行标签,可以对文章进行强制换行。 13.<em></em>可以将文字斜体显示 14.<small></small>可以文件缩小对应的<big></big>将文件变大