学习HTML笔记（第二天）
今天学习的内容：
一.注释
##首先注释是什么？
HTML注释是用来在HTML代码中添加注释信息的,这些信息不会被浏览器显示。注释的内容放在<!--和-->之间。注释通常用于解释代码、添加备注或临时禁用某些代码。 例如:<!-- 这是一个注释 -->
如图，在<html></html>之间，可以加注释对代码进行补充说明，读者看不到，是给自己看的，让自己的代码浅显易懂，以后写代码给别人看也方便
二.标题标签
##首先标题标签是什么？
标题标签（<h1> 到 <h6>）用于定义HTML文档中的标题。它们按重要性递减排列，<h1>是最重要的标题，<h6>是最不重要的标题。每个标签会在浏览器中以不同的字体大小显示，以反映其重要性。
如图，输入h1再按Tab就能输出h1一级标题，其他同理，通常只有一个一级标题，其他标题可以有很多个。图中的align是设置它的位置，图中从上到下依次是居左、居中，居右，而align是红色标识的，说明不常用，不推荐用，一般在CSS中用其他方式来设置位置，不过这里使用只是让自己知道有这个东西。
三.标签之段落、换行、水平线
##首先，段落，也就是<p>标签是什么？
<p>标签是 HTML 中的段落标签，用于定义文本段落。它是一个块级元素，通常用于将文本内容分隔成独立的段落。
如图，<p>是一个双标签，<p></p>这样表示，这个段落里可以放文本内容。
##其次，换行，也就是<br>标签是什么？
<br> 标签是 HTML 中的换行标签，用于在文本中强制创建一个换行效果。它的主要特点包括：
- 自闭合标签：不需要结束标签，直接写作
<br>或<br />（XHTML 风格） - 行内元素：不会独占一行，仅在当前位置插入换行
- 典型用途：诗歌、地址、短文本等需要保留格式的场景
##最后，水平线，也就是<hr>标签是什么？
<hr> 标签是 HTML 中的水平分隔线标签，用于在页面中创建一条水平线，通常用来分隔不同内容区域。它的主要特点包括：
- 自闭合标签：不需要结束标签，直接写作
<hr>或<hr /> - 块级元素：默认独占一行，前后会产生换行
- 语义化作用：表示主题或内容的分隔（HTML5 中强调语义而非纯视觉效果）
- 默认样式：浏览器通常显示为灰色细线，宽度占满父容器
例如：
<p>第一部分内容</p> <hr> <p>第二部分内容</p>
这会在两个段落之间插入一条水平分隔线，清晰地区分不同内容区块。
四.标签之图片
##首先，图片，也就是<img>标签是什么？
<img> 标签是 HTML 中用于在网页中嵌入图像的标签。它是一个自闭合标签（不需要闭合标签），主要通过 src 属性指定图片的路径，通过 alt 属性提供替代文本（当图片无法加载时显示，也对搜索引擎和无障碍访问很重要）。
常用属性包括：
src：图片的 URL（相对或绝对路径）alt：图片的替代文本width/height：设置图片的宽度和高度（单位为像素）title：鼠标悬停时显示的提示文本
如图，表示加载当前目录下的图片，宽 400 像素，若加载失败则显示“这是一个美女”，鼠标悬停时提示“美女啊”。
五.路径
##首先，路径是什么？
路径就是文件或资源的位置地址，就像你的家也有家庭地址，一样的道理。完整的路径分为以下三类：
1. 相对路径
从当前 HTML 文件所在位置出发，找其他文件。
如上图，我在07这个文件夹保存了index.html和2.jpg两个文件，都在同一个文件夹，那么我就用./来查找同级关系的文件。（同级用./，子级用/，父级用../）
2. 绝对路径
从网站根目录（不是电脑硬盘！）开始写路径。
比如从E盘取一张图片，地址是E:\image\meinv.png，这就是绝对路径。
3. 网络路径（URL）
直接写完整网址，引用互联网上的资源，比如：
https://example.com/images/1.jpghttp://localhost:8080/logo.png
总结
相对路径 |
| 最常用，适合本地项目 |
绝对路径 |
| 适合部署后的网站 |
网络路径 |
| 引用外部资源 |
六.标签之超文本链接
##首先超文本链接是什么？
<a> 标签是 HTML 中的超链接标签，用于创建指向其他网页、文件、页面内位置、电子邮件地址或任何 URL 的可点击链接。
基本语法：
如图，输入a按Tab就能填充超文本链接的标签，<a href=""></a>，href里填的是跳转链接，两个尖号之间可以输入文本，这样就会显示在网页上，而且可以点击这个文本跳转到链接。
七.超链接之锚点
##首先<a>标签锚点怎么使用？
<a>标签用于创建超链接。要使用锚点,可以在页面的某个位置设置一个带有id属性的元素,然后在<a>标签的href属性中使用#符号加上该id的值来链接到该位置。
如图，我先用<p>段落标签设置了5个文本，在某个文本加上id属性，然后在<a>标签的href属性中使用#符号加上该id的值来链接到该文本。
查看10道真题和解析