HTML基础

本笔记记录于2025.10.20 周五晚上十点半 是一个下午只有一节英语课的晚上

核心概念

HTML文件都需要一个基础结构,而这个结构用到的标签就是结构标签
HTML除了结构标签之外中还有大量可利用的标签,可以构成网页的基础

解决了什么问题

结构标签解决了html的开始
图像标签和超链接标签可以简单的插入一些外部素材
列表标签可以简单的让数据变得整齐
文本标签可以让文本产生各种基础效果的变化
表格标签可以在纯html的情况下有一些基础的排版
语义标签还没学后面再补
表单标签能做出最基本的提交效果
还有一些基础的交互效果标签,例如details progress meter

代码示例

太多了这里只演示基础框架和都有什么标签

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<!-- 代码 -->
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<img> <a>
<ul> <ol> <li>
<br> <hr> <h1> <p>
<table> <tr> <td>
后面补
<form> <label> <input>
<details> <summary> <progress> <meter>
<!-- 语义化标签区域 -->



<!-- 表单进阶内容 -->




</body>
</html>

4.注意事项/常见误区

单标签一定要关闭,html基础标签很多也一定要多用多熟练,不然很容易忘记
一些标签的内部控制属性也可以用用
注意表单和表格混用的时候form一定要在最外层
注意区分progressmeter
少用p br标签

5.相关链接

暂无,因为基本上都被我删掉了
速查请看 菜鸟教程

6.本次学习总结

因为过的时间已经比较久远了,所以写这份文档的时候也算是多多少少复习了一遍,总体上只忘了一点点
之后多用多记多看就可以,这是写的第二份知识点md文档了,继续加油!