1、标题标签h1~h6:(一级标签~六级标签)双标签 块级标签
有默认样式:上下margin;默认字体大小,默认字重
2、hr标签:(分割线) 单标签 块级标签
默认样式:默认上下margin值和默认border;
3、p标签:(段落标签) 双标签 块标签
默认样式:有默认上下margin值
注意:p标签内不能嵌套块级标签
4、列表标签:双标签 组合标签 块级标签
(1)有序列表:<ol>
<li></li>
</ol>
ol 有序列表区域 li 列表项 标签ol与标签li不能单独使用,且标签ol与标签li之间不可以出现其他标签
ol 默认样式:有默认上下margin,有默认左padding,默认list-style-type:decimal;
li 默认样式:默认display:list-item;默认text-align
(2)无序列表:<ul>
<li></li>
</ul>
ul 无序列表区域 li 列表项 标签ul与标签li不能单独使用,且标签ul与标签li之间不可以出现其他标签
ul 默认样式:有默认上下margin,有默认左padding,默认list-style-type:disc;
li 默认样式:默认display:list-item;默认text-align
(3)字典列表:<dl>
<dt></dt>
<dd></dd>
</dl>
dl 默认样式:有默认上下margin;
dt 无默认样式
dd 默认样式:有默认左margin
5、a标签:(超链接) 双标签 行级
<a href="" title="" target=""></a>
href="" 跳转地址 必须的 而且不能为空;(hash 哈希)当引号里为#点击会回到顶部而为###则不会
title="" 提示信息
target="" 跳转方式 :(1)_blank 新窗口打开被链接文档(2)_self 默认。在相同页面打开被链接文档(3)_top 在整个窗口中打开被链接文档(4)_parent 在父框架集中打开被链接文档
超链接标签的四种状态:伪类设置(有顺序)
(1)link状态:链接未浏览状态
(2)visited状态:链接已被访问过
(3)hover状态:鼠标悬浮在链接时的状态
(4)active状态:鼠标点击未松开时的状态
a标签的默认样式:未点击之前字体颜色,点击之后字体颜色,鼠标按下时的字体颜色,有默认下划线 鼠标悬浮时默认指针变为手
6、图片标签<img src="" alt="">:单标签 特殊的行级标签 ,虽然为行标签,但是可以设置尺寸(支持宽高属性 不需要单位 一般宽高只设置一个)
src="":引号中添加图片地址(在线地址 / 本地地址)
alt="":(1)当图片加载失败时,显示文字信息;(2)alt属性是搜索引擎判断图片与文字是否相关的重要依据,alt属性添加到img主要的目的才是为了SEO
img无默认样式;
7、粗体加重标签:作用于内容强调 strong 双标签 行级标签 (前身是b标签) 默认样式:有默认字重font-weight
斜体标签:作用于内容强调 strong 双标签 行级标签 (前身是i标签) 默认样式:font-style:italic;
大字号:big / 小字号:small 双标签 行级标签 默认样式:有默认字号font-size
文字偏下:sub标签 文字偏上:sup 默认样式:有默认字号font-size和默认基线对齐方式
删除文字(文字带有删除线):del标签 默认样式:有默认text-decoration