1.4 HTML常用标签

HTML常用标签

目录：

1. 标题标签
2. 段落标签
3. 换行标签
4. 文本格式化标签
5. div和span标签
6. 图像标签

1 标题标签<h1> - <h6>

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

<h1>我是一级标题</h1>

单词 head 的缩写，意为头部、标题
标签语义：作为标题使用、并且依据重要性递减

特点：

1. 加了标题的文字会变得加粗，字号也会依次变大
2. 一个标题独占一行

2.段落标签

在网页中，要把文字条理地显示出来，就需要将这些文字分段显示。在HTML标签中，<p>段落用于定义段落 ，可以将整个网页分为若干个段落

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

单词paragraph 的缩写，意为段落
标签语义：可以把HTML文档分割成若干个段落

特点

1. 文本在一个段落中会根据浏览器窗口的大小自动换行
2. 段落和段落之间保有空隙

3.换行标签

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

<br />

单词 break 的缩写，意为打断，换行
标签语义：强制换行
特点

1. <br />是个单标签
2. `
   标签只是简单地开始新的一行，与段落不一样，段落之间会插入一些垂直间距

4.文本格式化标签

在网页中，有时需要为文字设置粗体、斜体或者下划线效果。这时需要用到HTML中的文本格式化标签，使文字以特殊的方式显示
标签语义：突出重要性，比普通文字更重要

重点记住加粗和倾斜

5.<div> 和 <span> 标签

<div> 和 <span>是没有语义，它们就是一个盒子，用来装内容

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

div 是 division 的缩写，表示分割、分区。
span 是跨度、跨距

特点

1. <div> 标签用来布局，但是现在一行只能放一个<div>。 大盒子
2. <span> 标签用来布局，一行上可以多个 <span> 。小盒子

6.图像标签

在HTML标签中，<img>标签用于定义HTML页面中的图像

<img src="图像URL" />

单词 image 的缩写，意为图像
src 是<img> 标签的必须属性 ，它用于指定图像文件的路径和文件名
所谓属性：简单理解就是属于这个图像标签的特性

图像标签的其他属性

图像标签属性注意点

1. 图像标签可以拥有多个属性，必须写在标签名后面
2. 属性之间可以不分先后顺序，标签名和属性、属性与属性之间均以空格分开
3. 属性采取键值对的格式，即 key=“value” 的格式，属性 = “属性值”

如果觉得本文写的不错顺手点个赞感谢老铁！