HTML 基础

一、HTML 基本结构

• ：声明文档类型为 HTML5。
• ：根标签，包裹所有 HTML 内容。
• ：包含元数据（标题、CSS、字符集等）。
• ：页面可见内容的容器。

---

二、基础标签与属性

1. 文本标签

标签	说明	示例
~	标题（1级最大，6级最小）	主标题
	段落（自动换行）	段落内容
	水平分割线（单标签）
	注释

2. 文本格式化

标签	效果	示例
/	加粗（推荐用语义化）	强调内容
/	斜体（推荐用语义化）	强调文本
	删除线	删除内容
	下划线	下划线内容
/	上标/下标	H2O
	高亮文本	重点标记

---

三、超链接与图像

1. 超链接 

百度

• 属性：
  • href：链接地址（支持 URL、本地文件、邮箱mailto:）。
  • target：打开方式（_blank新窗口，_self当前页）。
  • download：强制下载文件（需文件名）。

2. 图像 

• 属性：
  • src：图片路径（支持相对/绝对路径）。
  • alt：替代文本（图片无法加载时显示）。
  • width/height：尺寸（像素或百分比，高度百分比可能无效）。

---

四、列表

1. 无序列表 

    
苹果
    
香蕉

• type：disc（默认实心圆）、circle（空心圆）、square（方块）。

2. 有序列表 

    
第一步
    
第二步

• type：1（数字）、A（大写字母）、a（小写字母）、I（罗马数字）。
• start：起始序号（支持数字）。

---

五、表格

    

        
标题
    
    

        
单元格1
        
单元格2
    

• 标签：
  • ：表格行。
  • ：普通单元格。
  • ：标题单元格（自动加粗居中）。
• 属性：
  • colspan：跨列合并。
  • rowspan：跨行合并。

---

六、HTML 实体

实体代码	显示效果
<	<
>	>
&	&
	空格
©	©

---

七、表单 

    用户名：
    
    

• 属性：
  • action：提交地址。
  • method：请求方式（get或post）。

常见输入类型 ：

类型	说明
text	单行文本输入
password	密码输入（掩码显示）
email	邮箱格式验证
number	数字输入（可设步长）
submit	提交按钮
reset	重置表单内容
file	文件上传（需enctype="multipart/form-data"）

---

八、其他重要标签

1. 下拉列表 

北京 上海

2. 多行文本域 </code></h6> <pre><code><textarea rows="4" cols="50">默认文本

3. 按钮 

点击

---

九、注意事项

1. 语义化标签：优先使用、等语义化标签。
2. 属性弃用：避免使用align、bgcolor等过时属性，改用 CSS。
3. 表单安全：敏感数据（如密码）使用method="post"。
4. 无障碍访问：为图片添加alt属性，表单元素关联。