初学HTML5第一章HTML基础(day02)

1.HTML常用标签

(1)标题标签

单词缩写：head 头部，标题

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

标题标签语义：作为标题使用，并且依据重要性递减，基本语法格式如下：

<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>


<!-- 标题标签特性：引起换行 会放大/缩小 加粗字体 -->
<!-- 需要注意的是：h1标签因为重要，尽量少用。h1大多都是给logo/title使用 -->

(2) 段落标签

单词缩写：paragraph 段落

在网页中要把文字有条理的显示出来，离不开段落标签，可以将整个网页的内容分为若干个段落标签。基本语法格式如下：

<p>我是一个段落</p>

<!-- 段落标签：有段前和段后 会换行 不会对字体进行修饰（放大缩小加粗） -->
<!-- 默认情况下，一个段落中的文本会依据浏览器的大小自动换行 -->

(3) 水平线标签

单词缩写： horizontal 横线，水平线

在网页中会经常看到一些水平线将段落与段落之间隔开，使得文档结构清晰，层次分明。这些水平线可以通过插入图片实现，也可以简单的通过标记来完成。hr 就是创建横跨网页水平线的标记。基本语法格式如下：

<hr />

案例：新闻页面

(4)换行标签

单词缩写：break 打断，换行

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

<br /> 

(5)div span标签

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

div是division的缩写，表示分割、分区的意思

span表示跨度、跨距、范围

语法格式如下：

<div>这是div</div>
<span>这是span</span>

<!-- 
    div标签：用来布局最多 ---盒子 --块
    特点：不会修饰文本 也不会段前段后 换行 --!>

<!--    
    span标签