当前位置：文档库 › HTML基本标签属性总结

HTML基本标签属性总结

我们目前一共学习了29个标签，下面我将对各各标签的基本属性和作用说一下

div：这是个没有意义使用比较广泛的块属性标签，但是越是没有意义的标签力量反倒越强大。比如它在制作网页的布局中就占有着举足轻重的位置。div还有一个特性，就是在其对它子元素进行padding时，自身的大小也会根据padding的数值增长，比如对子元素上部padding10px，那么它自身的高就会增加10px，对左边padding10px，那么它自身的宽也会增加10px。所以我们在使用div来padding其子元素后又想让它恢复原来的正常大小时，就要在设置给它的宽和高上减去padding时的数值。

书写格式：

内容

h1-h5：h1-h5是标题，通俗来讲就是大标题和小标题，h1肯定就是字体最大的标题，以此类推h5就是字体最小的标题，它们都是块属性标签。有些人在网上告诉大家h1与div是不能互相嵌套的，其实是可以的，但是尽管可以也是很不语义的，所以也尽量不建议大家这样做。

书写格式：

内容

（h1-h5书写格式一样）

span：这是个用来组合文档中行内元素的标签，其实它与div一样都是没有具体意义的标签，但是它是行属性标签。我们可以这样理解div和span这样不具样式又不具意义的标签：假如你在制作页面的过程中遇到一个地方需要使用一个标签，但又不想让该标签有任何样式的体现，那么其他有意义有样式的标签就做不到，这时就需要此类标签了，因此它们才会具有无意义却很强大的力量。

书写格式：内容

ol：也就是ordered lists，有序列表。所谓的有序列表其样式就是文字前带有1、2、3序号的列表。是块属性标签。

ul：unordered lists，无序列表。其样式就是文字前带有圆点但不是序号的列表。因此称无序列表。也是块属性标签。

li：list，ol、ul的子标签，使用时必须将它嵌套于ol或ul标签里，也是它们两个私有的子标签，ol或ul的后面只能见到li，如样式所需要在其中嵌套其他标签，也应将其他标签嵌套于li中。li也是块属性标签。

书写格式：

内容

内容

dl、dt、dd、：它们分别是definition list、definition title、definition description，dl是它们的父标签，dt、dd是兄弟标签。我们可以这样理解这三个标签：dl标记定义了一个定义列表，定义列表中的条目是通过使用dt标签和dd标签创建的，dt给出了术语名，dd给出了术语的定义，通俗的说，dt就像是小标题，dd就是列表中的内容。这组标签也同样具有私有属性的特质，也

都是块属性标签。

书写格式：

小标题: 内容; 内容

p：paragraph，段落。主要作用是在其中放段落放图片的，是块属性标签。最好不要嵌套其它块属性标签。

书写格式：

内容

var：variable，变量。其样式可以将字体变为斜体，是行属性标签。

书写格式：内容

em：emphasis，强调，重点。其样式可以将字体加粗，行属性标签。

书写格式：内容

a：超链接，a标签里是不能再嵌套a标签的，否则会引起页面错乱。行属性标签。

书写格式：内容

(如果书写正确的话其标签中的属性便会改变成以上颜色)

img：image，图像。行属性标签，虽是行属性标签，却也算是很特殊的，不用将其转换成块属性标签便可在css中设置其宽高。是单标签。

书写格式：

说到img，不得不再说下alt其中内容的作用：1、是图片的关键字。2、鼠标放在该图片上时能显示出来的文字吗，告诉我们这是什么图片。3、当图片显不出来时，部分浏览器中会将alt中的内容显示在未显示出的图片中。所以，alt中的内容一定要详细如实的定义。

br：分行符，块属性标签，而且也是单标签，只用将其使用在想要换行内容的句尾即可。请注意下方的书写格式。

书写格式：内容1

内容2

(以上颜色只是为了醒目，因为与其他关标签不同的是斜杠是写在标签名后面的)

textarea：发言框，也就是我们通常所见的一个带有滚轮，其中有内容的框架。我们也可以根据自己所希望的大小来控制它的宽高，长度：cols="0px"，宽度：rows="0px"，当然，如果我们输入标签中的内容较少而其默认的宽高又大于内容的话，是显示不出滑动滚轮的，我们就可以根据自己想达到的效果控制其宽高。该标签是行属性标签。

书写格式：

input：输入标记，也就是我们通常所见的例如输入账号密码的那种输入框，包括按钮也是通过input实现的，它同img一样，同是行属性标签，却不用转成块属性标签就能在css中设置其宽高的特殊标签。是单标签。其默认属性见下方书写格式。

书写格式：文体域：

按钮：

select、option：选择栏，就是我们通常见到过的例如在一个

写着很多星座的选择栏中选出自己星座的样式栏。行属性标签。

书写格式：

table、tr、th、td：tr：table row，th：table header cell，td：table data cell。表格，我们通常所见到的课程表、时间表都是用其制作的。table中的子标签也具备私有属性的特质，table属块属性标签，tr、th、td他们之间属兄弟标签，都属于table中的元素，它们既是成行出现的，却又能嵌套块属性标签，所以由于这些元素的特殊性我们也不能绝对的将其定义为块属性或行属性标签，

书写格式：

内容	内容
内容	内容

strong：字体加粗，行属性标签。

书写格式：内容

我们需注意到的：

1、块级元素可以包含行级元素或是其他块级元素，而行级元素却不能包含块级元素，只能包含其他的行级元素。

2、块级元素要与块级元素并列，行级元素要与行级元素并列：

例：

--------正确

---------错误

以上便是我对目前所学的29个标签的基本属性总结