0. HTML 学什么?
一、HTML 概述与基本结构
了解 HTML 的定义与作用,学习网页的基本结构。掌握<!DOCTYPE html> 声明、<html>、<head>、<body> 等核心标签的用途,理解文档树(DOM 树)的基本概念。
二、常用文本标签
学习标题标签 <h1> 到 <h6>、段落 <p>、换行 <br>、水平线 <hr>、强调 <strong> 与 <em> 等,掌握语义化标签的重要性,提升内容可读性与 SEO。
三、超链接与图像
掌握 <a> 标签的使用,包括内部跳转、外部链接、锚点链接;学习 <img> 标签及其 src、alt、width、height 属性,理解图像优化与可访问性。
四、列表结构
学习有序列表 <ol>、无序列表 <ul> 和定义列表 <dl>,掌握嵌套列表的写法,用于导航菜单或信息分类展示。
五、表格与表单基础
理解 <table>、<tr>、<td>、<th> 构建表格的方法;学习表单 <form> 及常用控件:文本输入 <input type="text">、密码框、单选框、复选框、下拉选择 <select> 和提交按钮,掌握 name 与 value 属性的作用。
六、HTML5 语义化标签
引入 <header>、<nav>、<main>、<section>、<article>、<aside>、<footer> 等现代布局标签,提升页面结构清晰度和可维护性。
七、实践项目建议
完成一个静态个人简介页面:包含标题、自我介绍段落、兴趣列表、技能表格、联系方式表单和页脚信息,综合运用所学标签。
八、进阶准备
验证 HTML 结构是否符合标准(可使用 W3C 验证工具),了解开发者工具如何查看和调试 DOM 结构,为后续学习 CSS 和 JavaScript 打下坚实基础。
HTML(超文本标记语言)是一种用于创建网页的标准标记语言。它通过使用标签来定义网页中的结构和内容,例如标题、段落、图片、链接等。浏览器读取HTML文件并将其渲染为可视化网页。HTML通常与CSS和JavaScript结合使用,以实现更丰富的样式和交互功能。