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标签