HTML入门笔记
今天学的HTML基础，稍微整理了一下我的笔记，直接开始分享
一.HTML文档骨架
每个HTML文件都离不开基本架构：
<html lang="en"> <head> <meta charset="UTF-8"> <title>页面标题</title> </head> <body> 页面内容写在这里 </body> </html>注意：<meta charset="UTF-8">用于避免中文乱码；<title>里的内容会显示在浏览器标签页上。
二.注释
快捷键是：CTRL+/
注释语法：<!-- 这是注释 -->
注意别在感叹号后面多加\或其他符号，否则可能被解析为转义字符。
三.插入图片
1.绝对路径
<img src="C:/Users/Administrator/Pictures/Screenshots/屏幕截图 2026-04-20 104727.png">2.相对路径
<img src="./logo.png" alt="logo图片">知识点：
alt属性在图片加载失败时会显示文字。./表示当前目录，../表示上级目录。
四.超链接（三种情况）
<!-- 1. 跳转到百度 --> <a href="http://www.baidu.com">跳转1</a> <br> <!-- 2. 阻止默认行为（点击不跳转） --> <a href="#">跳转2</a> <br> <!-- 3. 打开新的标签页显示第一个HTML文件 --> <a href="./第一个HTML.html" target="_blank">跳转3</a>注意：target="blank"实际上会打开名为blank的窗口；
正确的写法是target="_blank"（下划线）！！
五.音频与视频
1.音频
<audio src="音频的URL"></audio>没有加controls的话，页面上看不到播放器，所以通常写<audio src="..." controls></audio>。
2.视频
<video controls loop autoplay src="视频的URL"></video>| 属性 | 作用 |
|---|---|
controls | 显示播放/暂停/进度条等控件 |
loop | 循环播放 |
autoplay | 自动播放（现代浏览器可能需配合 muted） |
六.列表
1.有序列表
<ol> <li>列表1</li> <li>列表2</li> </ol>2.无序列表
<ul> <li>第一项</li> <li>第二项</li> </ul>3.描述列表
<dl> <dt>列表标题</dt> <dd>列表描述/详情</dd> </dl><dt>(description term) 表示术语或标题<dd>(description description) 表示描述或内容
七.总结
整理这份笔记最大的收获不是记住了标签，而是意识到“眼高手低”多可怕。图片路径写绝对还是相对？<ul>后面直接跟文字对吗？视频加autoplay真的自动播放吗？这些细节光看记不住，必须动手试。以后学新知识，先写再说，用报错来教自己，比背文档管用十倍。