HTML常用标签

 排版标签

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

标题标签 (熟记)

单词缩写：  head  头部. 标题     title  文档标题

为了使网页更具有语义化，我们经常会在页面中用到标题标签，HTML提供了6个等级的标题，即

<h1>、<h2>、<h3>、<h4>、<h5>和<h6>

标题标签语义：  作为标题使用，并且依据重要性递减

其基本语法格式如下：

<hn>  标题文本  </hn>

 注意：  h1 标签因为重要，尽量少用，不要动不动就向你扔了一个h1。 一般h1 都是给logo使用，或者页面中最重要标题信息。

段落标签( 熟记)

单词缩写：  paragraph  段落  [ˈpærəgræf]    不用记

在网页中要把文字有条理地显示出来，离不开段落标签，就如同我们平常写文章一样，整个网页也可以分为若干个段落，而段落的标签就是

其基本语法格式如下：

<p>  文本内容  </p>

段落是HTML文档中最常见的标签，默认情况下，文本在一个段落中会根据浏览器窗口的大小自动换行。

水平线标签(认识)

单词缩写：  horizontal  横线    [ˌhɔrəˈzɑntl]    同上

在网页中常常看到一些水平线将段落与段落之间隔开，使得文档结构清晰，层次分明。这些水平线可以通过插入图片实现，也可以简单地通过标签来完成，<hr />就是创建横跨网页水平线的标签。

其基本语法格式如下：

<hr />是单标签

在网页中显示默认样式的水平线。如下图

换行标签(熟记)

单词缩写：  break  打断 ,换行

在HTML中，一个段落中的文字会从左到右依次排列，直到浏览器窗口的右端，然后自动换行。如果希望某段文本强制换行显示，就需要使用换行标签

其基本语法格式如下：

<br />

div span标签(重点)

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

div 就是  division  的缩写  分割， 分区的意思  其实有很多div 来组合网页。

span, 跨度，跨距；范围   

语法格式：

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

文本格式化标签(熟记)

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

  b  i  s  u  只有使用 没有 强调的意思      strong  em  del  ins  语义更强烈