美文网首页
HTML中的相关标签

HTML中的相关标签

作者: top丶浩锅 | 来源:发表于2017-08-22 21:08 被阅读0次

    一谈起html中的标签大家第一反应都是div,其实还有许许多多的语义标签。下面一一介绍:

    1.<h1></h1>,<h2></h2>,<h3></h3>....<h6></h6>他们通称为标题标签,h1代表一级标题,h2代表二级标题,h3代表三级标题...他们是块级标签,无默认属性,双标签。但是他们有默认样式,他们都有margin-top,margin-bottom,它们的值不一样.有不同的font-size和font-weight。

    2.<hr/>他是分割线标签,块级标签,单标签。他有默认的样式值,他有margin-top和margin-bottom值都为8px,而且还有一个border。

    3.<p></p>段落标签,块级标签,双标签(注意p标签里不能嵌套块级标签)它的默认样式值是有margin-top和margin-bottom值都为16px.

    4.<ol><li></li></ol>有序列表标签,ol与li是成对存在的。他是双标签,组合标签,块级标签。ol 有序列表区域 ,li 列表项。ol有默认样式值是上下的16px的margin和左padding为40px。 

    5.<ul><li></li></ul>无序列表标签,ul与li是成对存在的。他是双标签,组合标签,块级标签。ul 无序列表区域 ,li 列表项。ul有默认样式值是上下的16px的margin和左padding为40px。

    6.<dl><dt></dt><dd></dd></dl>字典标签,dl标签为双标签,块级标签。dl有默认样式值是上下的16px的margin。

    dd也有默认样式它有margin-left为40px。

    7.<a href="###" (跳转地址必须的而且不能为空) target="跳转方式 _blank 新窗口打开"></a>他是行级标签,双标签。

    它有四种伪类属性分别为a:link(link状态 链接未浏览状态),a:visited(active状态 鼠标点击未松开时的状态),a:hover(hover状态 鼠标悬浮在链接上时的状态),a:visited(visited状态 链接已被访问过)。不同的时候有不同的默认样式。

    8.<img src="(图片地址)" alt="(当图片加载失败时提供的信息)">他是图片标签,单标签 比如特殊,虽然为行级,但是可以设置尺寸。但他也不属于行块标签。支持宽高属性 不需要加单位 一般宽高只设置一个。

    9.<strong></strong>粗体标签,双标签,行级标签。一般用于强调。它的默认样式就是font-weight。

    10.<em></em>斜体标签,双标签,行级标签。一般用于强调。它的默认样式就是font-style。

    11<big></big>;<small></small>双标签,行级标签.一般用于强调。它的默认样式就是font-size。注意它字体大小相对于父级字体大小变化而变化

    12.<sub></sub>,<sup></sup>,<del></del>分别表示文字下标,文字上标,和删除文字。

    相关文章

      网友评论

          本文标题:HTML中的相关标签

          本文链接:https://www.haomeiwen.com/subject/qdxrdxtx.html