xhtml-常用标签属性

1.标题标签 h1~h6 双标签 无默认属性 块级。

有默认的上下margin；作为语义标签，常用于网页的标题，h1标签整个网页只有一个

h1标签为例

2.hr 分割线 块级 单标签

有默认的上下margin：8px; 还有1像素的border；

3.段落 双标签 块级  

默认上下16像素的margin，注意：p标签内不能嵌套块级标签

4. 有序列表 ol ;    无序列表 ul;

以ol为例（ul相似）：ol作为块级元素，有默认的上下margin:16px;和左边的padding-left:40px;

ol 与 li不能单独使用，ol与li之间不可以出现其他标签

以ol为例

ol标签

li标签：display为 list-item这点需注意，容易把li标签误认为块级标签

li标签

5.dl字典标签

代码结构

dl与ol,ul相似，是块级标签，有默认的上下margin：16px;

dt作为列表标题，是块级标签，而dd是对标题的描述，有默认的右边padding:40px;

dd标签

6.a标签 超链接 双标签 行级

它有三个属性1.href="" 跳转地址 必须的 而且不能为空；

                      2.title="" 提示信息;

                      3.target="" 跳转方式. _blank 新窗口打开, _self在原有窗口打开；

超链接标签的四种状态：伪类设置

link状态 链接未浏览状态

visited状态 链接已被访问过

hover状态 鼠标悬浮在链接上时的状态

active状态 鼠标点击未松开时的状态

hash （哈希） #会回到顶部 | ###不会：当a标签href中无跳转的链接时，href="#";点击a标签时返回页面顶部，而href="###"；则不会

注意：四种状态的设置有顺序，必须link和visited先设置，hover与active后设置。

伪类设置的代码

7.img标签 单标签 比较特殊，虽然为行级，但是可以设置尺寸

支持宽高属性 不需要加单位 一般宽高只设置一个，防止图片失真。

img标签

8.常见有关文字设置的标签

粗体加重： strong 双标签 行级（作用于内容强调）b标签（已废弃）；

斜体： 作用于内容强调 em 双标签 行级 i（已废弃）;

big 大字号 small标签 小字号 双标签 行级;

sub:字体向下偏移； sup：字体向上偏移； del：删除；效果是在文字上面划线，常用语购物app中原价被划线的场景。