1.标题标签 h1~h6 双标签 无默认属性 块级。
有默认的上下margin;作为语义标签,常用于网页的标题,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之间不可以出现其他标签
li标签:display为 list-item这点需注意,容易把li标签误认为块级标签
5.dl字典标签
dl与ol,ul相似,是块级标签,有默认的上下margin:16px;
dt作为列表标题,是块级标签,而dd是对标题的描述,有默认的右边padding:40px;
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标签 单标签 比较特殊,虽然为行级,但是可以设置尺寸
支持宽高属性 不需要加单位 一般宽高只设置一个,防止图片失真。
8.常见有关文字设置的标签
粗体加重: strong 双标签 行级(作用于内容强调)b标签(已废弃);
斜体: 作用于内容强调 em 双标签 行级 i(已废弃);
big 大字号 small标签 小字号 双标签 行级;
sub:字体向下偏移; sup:字体向上偏移; del:删除;效果是在文字上面划线,常用语购物app中原价被划线的场景。