标准HTML页面需包含DOCTYPE声明、html根元素（含lang属性）、head（含title）和body结构；常用文本标签有p、h1-h6、strong、em、br；链接用a标签，图片用img；列表分ul/ol/dl，表格用table；表单控件包括input（text/password/radio/checkbox）、select和submit。
一、基础文档结构代码
每个标准 HTML 页面都必须包含基本的文档结构，以确保浏览器正确解析和渲染内容。该结构定义了文档类型、根元素、头部信息及主体内容区域。
1、在文件开头声明 HTML5 文档类型：<!DOCTYPE html>
2、使用 <html> 标签包裹整个文档，并添加 lang 属性指定语言：<html></html>
3、在 <html> 内部依次嵌套 <head> 和 <body> 标签：<head></head><body></body>
立即学习“前端免费学习笔记（深入）”；
4、在 <head> 中设置页面标题：<title>网页标题</title>
二、常用文本格式化标签
这些标签用于控制文字的语义与显示效果，有助于提升可访问性和 SEO 表现。
1、段落标签：<p>这是普通段落内容</p>
2、标题标签（从 h1 到 h6）：<h1>一级标题</h1>
3、加粗强调（语义为重要性）：<strong>重要内容</strong>
4、斜体强调（语义为不同语气）：<em>强调文本</em>
5、换行不产生新段落：<br>
三、链接与图像插入代码
超链接和图片是网页中最基础的交互与视觉元素，其正确书写直接影响用户跳转和资源加载。
1、创建外部链接：<a href="https://example.com" target="_blank">访问示例网站</a>
2、创建页面内锚点链接：<a href="#section1">跳转到第一节</a>
3、插入本地图片：<img src="image.jpg" alt="图片描述" width="300" height="200">
4、为图片添加链接：<a href="https://example.com"><img src="logo.png" alt="网站Logo"></a>
四、列表与表格代码
列表用于组织条目化信息，表格则适用于展示行列结构化的数据，二者均需遵循语义化原则。
1、无序列表：<ul><li>第一项</li><li>第二项</li></ul>
2、有序列表：<ol><li>第一步</li><li>第二步</li></ol>
3、定义列表（术语与解释）：<dl><dt>HTML</dt><dd>超文本标记语言</dd></dl>
4、基础表格结构：<table><tr><th>姓名</th><th>年龄</th></tr><tr><td>张三</td><td>25</td></tr></table>
五、表单常用控件代码
表单是用户输入数据的主要方式，各控件需配合 name 属性以便后端接收，type 属性决定控件类型与行为。
1、文本输入框：<input type="text" name="username" placeholder="请输入用户名">
2、密码输入框：<input type="password" name="pwd">
3、单选按钮组（同一 name 值）：<input type="radio" name="gender" value="male">男 <input type="radio" name="gender" value="female">女
4、多选复选框：<input type="checkbox" name="hobby" value="reading">阅读 <input type="checkbox" name="hobby" value="sports">运动
5、下拉选择菜单：<select name="city"><option value="bj">北京</option><option value="sh">上海</option></select>
6、提交按钮：<input type="submit" value="提交">
