web端测试也需要懂-HTML排版标签

排版标签

排版标签主要和css搭配使用，显示网页结构的标签，是网页布局中最常用的标签

一.标题标签

单词缩写：head

<h1> </h1>(最大，尽量少用，多用于logo)

<h2> </h2>

<h3> </h3>

<h4> </h4>

<h5> </h5>

<h6> </h6>（最小）

二.段落标签

单词缩写：paragraph

<p> 文本内容 </p>

三.水平线标签

单词缩写：horizontal

在网页中常常看到一些水平线将段落之间隔开，使得文档结构清晰，层次分明。这些水平线可以通过插入图片实现，也可以简单地通过标记完成。

<hr />

四.换行标签

单词缩写：break

<br />

五.div span标签（没有语义）

div span是没有语义的，是我们网页布局主要的2个盒子

div就是division的缩写

span：跨度，跨距，范围

语法格式：

<div>这是头部</div> <span>今日价格</span>

六.文本格式化标签

在网页中，有时需要为文字设置斜体，粗体或下划线效果，这事就需要html中的文本格式化标签，使文字以特殊方式显示

加粗：

<b></b>

<strong></strong>

斜体：

<i></i>

<em></em>

加删除线

<s></s>

<del></del>

加下划线

<u></u>

<ins></ins>

b i s u 只有使用没有强调的意思

strong em del ins 语义更强烈