html（二）

一、html常用标签

1、标签语义

2、标题标签 <h1> - <h6>（重要）

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

单词为 head 简写，从 h1-h6 依据重要性递减。

3、段落和换行标签（重要）

p 指paragraph，意为段落。把文字有条理的显示出来就需要将文字分段显示。在 html 中，<p> 标签用于定义段落，将整个网页分成若干个段落。

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

标签语义: 把 HTML 文档分割为若干段落。

特点：

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

<br/> 是 break 缩写，意为打断、换行。

标签语义： 强制换行

特点：

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

4、体育新闻案例

 5、文本格式化标签

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

标签语义： 突出重要性，比普通文字重要。

 重点记住 加粗 和 倾斜。

6、div和span标签

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

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

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

特点：

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

7、图像标签和路径 (重点）

7.1图像标签

1.图像标签

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

<img src="图像url" />

单词 image 的缩写，意为图像。

src 是标签的 必须属性，用于指定图像文件的路径和文件名。

属性： 属于这个图像标签的特性。

2.图像标签的其他属性

属性： 属于这个图像标签的特性。

7.2路径

1.路径前期铺垫知识

(1)目录文件夹和根目录:

(2) VSCode打开目录文件夹:

文件---- 打开文件夹 . 选择目录文件夹. 后期非常方便管理文件.

2.相对路径

相对路径： 以引用文件位置为参考基础，而建立出来的目录路径。简单来说，就是相对于 HTML 页面的位置。

3.绝对路径

绝对路径： 是指目录下的绝对位置，直接到达目标位置，通常是从盘符开始的路径或者完整的网络地址。

例如，“D:\web\img\logo.gif”或完整的网络地址“https://www.mi.com/redmiwatch2”。

8、超链接标签 (重点）

在 HTML 标签中，<a/> 标签用于从一个页面链接到另一个页面。

1. 链接的语法格式

a 是单词 anchor 的简写，是锚的意思。

<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>

2. 链接的分类--6大类

锚点链接实现的2大步骤：

注意（阻止a链接跳转）：

9、HTML 中的注释和特殊字符

1、注释

2、特殊字符--记住常用的即可

 重点记住：空格 、大于号、 小于号 这三个，