HTML常见标签
一、块标签
1、内容
(1)div 标签(无语意)
(2)h1~h6 标题标签
1、h1 ~ h3 都具备seo功能
2、SEO: 网络引擎搜索优化
3、h1大标题一个页面最多出现1次
(3)p 段落标签
(4)ul 无序列表:unorder list
(5)ol 有序列表: order list
(6)li 列表项: list-item
下面展示一些 代码
。
<body>
<ol>
<li>锄禾日当午</li>
<li>汗滴禾下土</li>
<li>谁知盘中餐</li>
<li>粒粒皆辛苦</li>
</ol>
<ul>
<li>床前明月光</li>
<li>疑是地上霜</li>
<li>举头望明月</li>
<li>低头思故乡</li>
</ul>
</body>
列表样式为:
- 锄禾日当午
- 汗滴禾下土
- 谁知盘中餐
- 粒粒皆辛苦
- 床前明月光
- 疑是地上霜
- 举头望明月
- 低头思故乡
(7)H5新增标签
article、section、aside、nav、header、footer
2、特点
独占一行,默认宽度占满父级,高度为0,子级内容撑开高度
二、行标签
1、内容
(1)span标签(无语意)
(2)a 超链接标签
1、href:链接地址
2、target:打开方式
- target=_self 默认值,在本页面打开
- target=_blank 在新的标签页打开
2、特点
(1)同排序跟显示,遇到父级边界换行
(2)不支持宽高,内容撑开宽高
(3)不支持上下外边距
(4)不正常显示上下内外边距
(5)换行被解析
三、行块标签
1、内容
img 图像标签
1、属性
src:资源路径
title:鼠标悬停时的提示文本
alt:图片不能正常显示的提示文本
2、特点
如果不给宽度和高度,以图片默认的大小显示
如果只给宽度或者高度,等比例缩放
2、特点
(1)同排序跟显示,遇到父级边界换行
(2)没有宽高的时候内容撑开宽高
(3)换行被解析