HTML文档基本结构包括DOCTYPE声明、html根元素及head/body两部分；文本使用p、h1-h6、strong/em；链接用a标签，图像用img加alt；列表分ol/ul；表单需form包裹、label绑定、input设type。
一、HTML文档的基本结构
每个标准HTML页面都必须包含特定的骨架结构，以确保浏览器能正确解析和渲染内容。该结构定义了文档类型、根元素以及主要内容区域的组织方式。
1、在文件开头声明文档类型，使用<!DOCTYPE html>，这告诉浏览器当前文档遵循HTML5规范。
2、用<html>标签包裹整个页面内容，作为文档的根元素。
3、在<html>内依次嵌套<head>和<body>两个主要部分；<head>用于存放元信息（如标题、字符集、样式链接），<body>则承载所有用户可见的内容。
立即学习“前端免费学习笔记（深入）”；
二、常用文本与段落标记的使用
HTML通过语义化标签表达内容层级与意义，而非仅依赖视觉样式。合理使用段落、标题和强调标签可提升可读性与可访问性。
1、使用<p>标签定义普通段落，每段文字应独立包裹在一对<p></p>中。
2、标题按重要性从<h1>到<h6>分级，一个页面中应仅有一个<h1>，代表主标题。
3、对关键词或短语进行强调时，优先使用<strong>表示强重要性，<em>表示强调语气，而非<b>或<i>这类纯样式标签。
三、创建超链接与图像引用
链接与图像构成网页交互与视觉表达的基础。正确设置属性可确保资源准确加载并适配不同设备环境。
1、使用<a>标签创建链接，必须指定href属性，其值为目标URL；绝对路径需包含协议（如https://），相对路径则基于当前文件位置计算。
2、为图像添加<img>标签，src属性指向图片路径，alt属性提供替代文本，alt内容必须准确描述图像用途或信息，不可留空或仅写“图片”。
3、若图像为装饰性用途，alt属性应设为空字符串（alt=""），以便屏幕阅读器跳过。
四、构建有序与无序列表
列表用于组织具有逻辑关系的条目，HTML提供两类原生容器：有序列表（ol）强调顺序，无序列表（ul）表示并列关系。
1、有序列表使用<ol>包裹，内部每个条目用<li>表示，浏览器默认以数字编号呈现。
2、无序列表使用<ul>包裹，同样以<li>为子项，浏览器默认显示为实心圆点。
3、嵌套列表时，可在任意<li>内部直接插入<ol>或<ul>，无需额外容器，但需注意缩进与语义一致性。
五、表单元素的基本组合与属性控制
表单是用户输入数据的核心界面组件，其可用性与无障碍支持高度依赖标签关联、类型设定与验证属性的正确使用。
1、用<form>元素包裹所有输入控件，并设置action（提交地址）和method（提交方式，常用GET或POST）属性。
2、每个可交互字段（如文本框、单选按钮）必须有对应的<label>标签，通过for属性绑定至控件的id，此举使点击标签即可聚焦对应输入框。
3、根据数据类型选择input的type属性值，例如email、number、date等，浏览器将自动启用相应键盘布局与基础校验。
