一、基本概念
1. HTML的定义
HTML即超文本标记语言，是用于创建网页的标准标记语言。它使用标签来描述网页的结构和内容，通过不同标签的组合，能够呈现出丰富多样的网页效果，是网页开发的基础。
2. HTML的作用
HTML在网页开发中起着至关重要的作用。它为网页提供基本的结构框架，使得文本、图片、链接等元素能够有序地展示在页面上，是用户与互联网信息交互的重要载体。
3. 注释的写法
HTML中的注释用于在代码中添加说明信息，不会在网页中显示。
注释以<!--开头，以-->结尾，方便开发者记录代码思路和功能，提高代码的可理解性。
二、标签结构
1. HTML标签的组成
HTML标签通常由尖括号包围的标签名组成，有开始标签和结束标签。开始标签用于标记内容的开始，结束标签用于标记内容的结束，两者配合使用来包裹和定义网页中的元素。
2. HTML标签的嵌套
HTML标签可以相互嵌套，通过合理的嵌套关系，能够构建出复杂的网页结构。外层标签包含内层标签，这种嵌套结构有助于组织和布局网页内容。
3. 属性的使用
HTML标签可以带有属性，属性为标签提供额外的信息。属性通常以键值对的形式出现，写在开始标签内，用于控制元素的样式、行为等。
三、常用标签
1. 标题标签
<h1>标题</h1>
标签中间是标题的内容。
字体大小排序： h1 > h2 > h3 > h4 > h5 > h6
2. 段落标签
<p>内容</p>
表示一个段落，中间是这一段的内容。 注意：p标签自带换行。
3. 文本标签
<span>文本</span>
中间写文本内容，不会换行。
- 换行标签：
<br>表示一个换行 - 空格：
表示一个空格
4. 图片标签
<img src="图片路径" alt="替代文本">
- src属性：存放图片的路径
- alt属性：提供图像无法显示时的替代文本
5. 音乐标签
<audio src="音乐文件路径.mp3" controls></audio>
- controls属性：必须加上，表示音乐控制面板
- src属性：存放 .mp3 格式音乐文件的路径
6. 视频标签
<video src="视频路径" controls muted autoplay></video>
- controls属性：必须加上，控制视频播放
- muted：静音
- autoplay：自动播放
四、HTML表单
1. 表单标签
- 使用
<form>标签定义表单，指定数据提交的URL和方法 - 输入框创建：
<input>标签用于创建各种类型的输入字段（文本、密码、单选按钮等） - 提交按钮：
<button>或<input type="submit">，触发表单数据发送
2. 常用表单控件
- 文本输入框：用户输入单行文本（用户名、搜索栏等）
- 复选框：允许用户选择多个选项（兴趣爱好选择）
- 单选按钮：限制用户只能选择一个选项（性别、单项选择）
五、HTML表格
1. 表格基础
- 使用
<table>标签定义表格 <tr>：表示表格行（table row）<td>：表示普通单元格- 合并单元格：通过
rowspan（合并行）、colspan（合并列）实现
2. 表格行与列
- 表格行：
<tr>标签定义表格每一行 - 表头列：
<th>定义列标题，内容加粗居中 - 数据列：
<td>展示具体数据，默认左对齐无特殊样式
3. 单元格合并
colspan：合并横向列rowspan：合并纵向行
六、网页布局解析
1. 头部（Header）
网页最顶部区域，类似网站招牌和入口，给用户第一印象。 通常包含：网站LOGO、导航菜单、搜索框、用户登录信息
2. 主体（Main）
网页核心内容区域，类似商店陈列区，展示最重要信息。 通常包含：核心内容、产品&服务介绍、文章内容、功能模块
3. 底部（Footer）
网页最底部区域，类似收银台和服务台，提供辅助信息。 通常包含：版权信息、联系方式、友情链接、社交媒体、备案信息