前端入门之标签

1、块标签

<div>：无语意。

<h1>到<h6>：定义文档的标题。（<h1>标签一个页面只能用一次）

<p>：定义段落，可以保留段落的格式

<ul>：无序列表标签

<ol>：有序列表标签

<li>：列表项

块标签的特点是默认宽度占满父级，高度为0，子级内容撑开高度。

2、行标签

<span>:无语意。

<a>：定义锚。 

<a href="图像标签的地址.html" target="_blank">跳转到图片页</a>

<i>：定义倾斜文本。

<b>：定义加粗文本。

<em>：定义加强倾斜文本。

<strong>：定义加强加粗文本。

<sub>：定义下标文本。

<sup>：定义上标文本。

行标签的特点是同排序跟显示，遇到父级边界换行；不支持宽高，内容撑开宽高；不支持上下外边距；不正常显示上下内边距；换行被解析等。

3、行块标签

<img>：图像标签

图像标签的特点是当只给高度或宽度是图像会被等比例压缩。

<img src=”资源路径”>

<img title=”鼠标悬停时的文本”>

<img alt=”图片不能正常显示时的提示文本”>

行块标签的特点是同排序跟显示，遇到父级边界换行；没有宽高的时候内容撑开宽高；换行被解析等。