HTML基本标签一
✅ FED1：表单类型（密码输入框 & 复选框）
📌 题目要求
在 <form> 标签中依次写出：
- 类型为密码的输入框，默认值为
"nowcoder" - 类型为复选框，且状态为已勾选
✅ 正确代码
<form><input type="password" value="nowcoder"><br><input type="checkbox" checked>
</form>🔍 知识点解析
| 属性/标签 | 说明 |
|---|---|
type="password" | 输入内容以圆点或星号隐藏，用于密码输入 |
value="nowcoder" | 设置输入框的默认值 |
type="checkbox" | 创建复选框，用户可多选 |
checked | 布尔属性，表示该复选框默认被选中（无需写 checked="true"） |
⚠️ 常见错误
- ❌
type="text"写成密码框 → 错误类型 - ❌ 忘记
value属性 → 无默认值 - ❌
checked="false"→ 错误！checked存在即表示选中，应省略该属性表示未选中
✅ FED2：表格结构（2行3列，带标题）
📌 题目要求
创建一个 2 行 3 列的表格，表格标题为 "nowcoder"
✅ 正确代码
<table><caption>nowcoder</caption><tr><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td></tr>
</table>🔍 知识点解析
| 标签 | 作用 |
|---|---|
<table> | 定义一个表格 |
<caption> | 表格标题，显示在表格上方（语义化重要） |
<tr> | 表格的一行（table row） |
<td> | 单元格数据（table data），每一格内容 |
<th> | （可选）表头单元格，加粗居中显示 |
✅ 本题只需结构，无需内容或样式。
⚠️ 常见错误
- ❌ 忘记
<caption>标签 - ❌ 使用
<div>模拟表格 → 不符合语义化 - ❌
<td>数量不足 → 表格列数不对 - ❌
<caption>放在<table>外 → 无效
✅ FED3：图像标签属性（标题 & 替代文本）
📌 题目要求
写出具有标题属性和替代文本属性的图片标签
✅ 正确代码
<img src="图片地址" title="标题属性" alt="代替文本属性">🔍 知识点解析
| 属性 | 作用 |
|---|---|
src | 图片资源路径（必须属性） |
alt | 替代文本（Alternative Text）<br>• 图片加载失败时显示<br>• 屏幕阅读器读取，提升无障碍访问<br>• SEO 优化 |
title | 标题提示<br>• 鼠标悬停时显示提示文本<br>• 非必需，但增强用户体验 |
⚠️ 常见错误
- ❌
scr拼写错误 → 应为src（常见低级错误！） - ❌ 忘记
alt属性 → 不符合无障碍标准 - ❌
alt=""空值虽合法，但本题要求有文本 - ❌ 使用
name或id代替title→ 功能不同
🧠 总结：核心 HTML 标签与属性
| 类别 | 标签/属性 | 用途 | 是否必需 |
|---|---|---|---|
| 表单 | <input type="password"> | 密码输入 | 否 |
value | 设置默认值 | 否 | |
checked | 复选框/单选框默认选中 | 否（存在即选中） | |
| 表格 | <table> | 表格容器 | 是 |
<caption> | 表格标题 | 推荐使用 | |
<tr> / <td> | 行与单元格 | 是 | |
| 图像 | <img> | 插入图片 | 是 |
src | 图片路径 | ✅ 必需 | |
alt | 替代文本 | ✅ 强烈推荐 | |
title | 悬停提示 | 否 |
💡 学习建议
- 语义化优先：使用正确的标签（如
caption、alt）提升可访问性和 SEO。 - 属性拼写检查：如
src不是scr，这类错误调试困难。 - 无障碍意识：
alt属性对视障用户至关重要。 - 浏览器兼容性：上述标签和属性在所有现代浏览器中均支持。