HTML基础

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

核心概念

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

解决了什么问题

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

代码示例

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

<!-- 代码 -->
    <!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一定要在最外层
注意区分progress和meter
少用p br标签

5.相关链接

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

6.本次学习总结

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