超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title> 我要辞职！！</title>
</head>
<body>
<h1> 第一个标题 </h1>
<p>第一个段落。</p>
</body>
</html>
语法中使用“<>”包括的，称为标签，其中详细意义如下：
- <!DOCTYPE html> 声明为 HTML5 文档
- <html> 元素是 HTML 页面的根元素
- <head> 元素包含了文档的元（meta）数据，如 <meta charset="utf-8"> 定义网页编码格式为 utf-8。
- <title> 元素描述了文档的标题
- <body> 元素包含了可见的页面内容
- <h1> 元素定义一个大标题 h1~h6 一共有六级标题
- <p> 元素定义一个段落 会有空行（段后）
单标签：
<br /> 换行标签 <hr /> 水平线标签
布局标签：
<div> <span> 没有实意，用来分局，自动换行效果
文本格式化标签：
<b> </b> <strong> </strong> 加粗
<s> </s> <em> </em> 斜体
<s> </s> <del> </del> 加删除线
<u> </u> <ins> </ins> 加下划线
XHTML推荐用后者,且后者语意强烈
属性标签：
<标签名 “属性名” = “属性值” “属性名” = “属性值”> 内容 </标签名>
1.标签可以拥有多个属性，必须写在开始标签中，位于标签名后面。
2.属性之间不分先后顺序，标签名与属性、属性与属性之间均以空格分开。
3.任何标签的属性都有默认值，省略该属性则取默认值。
<hr width="400" color="red" /> 属性是宽度，值 是400；属性是颜色， 值 是红；
图像标签（单）：
<img src="wo.jpg" />
| 属性 | 属性值 | 描述 |
|---|---|---|
| src | 数字 | 图像的路径 |
| alt | 文本 | 图像不能显示时的替换文本 |
| title | 文本 | 鼠标悬停时显示的内容 |
| width | 像素 | 设置图像的宽度 |
| height | 像素 | 设置图像的高度 |
| border | 数字 | 设置图像边框的宽度 |
链接标签：
<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>
href，用于指定目标的url地址。
target，用于指定链接页面的打开方式，取值有_self、_blank两种，其中self为默认值，blank为在新窗口打开方式。
注意：
1. 外部链接 需要添加 http://www.baidu.com
2. 内部链接 直接链接内部页面名称即可 如 <a href="index.html">首页</a>
3. 如果当时没有确定链接目标时，通常将链接标签的 href 属性值定义为 “#” (即 href = “#”)，表示该链接暂时为一个空链接。
4. 不仅可以创建文本超链接，在网页中各种网页元素，如图像，表格，音频，视频等都可以添加超链接。
错点定位（难点）：
1. 使用 a href = “#id 名” 创建链接文本
2. 使用相应 id 名标注跳转目标信息
<a href="#id名"> 替换文本 </a>
such as ：
<a href="#list"> 替换文本 </a> <!-- 上方需要跳转的位置 -->
<h3 id="list"> 标题3 </h3> <!-- 下方跳转的位置 -->
base 标签（单）：
可以设置整体链接的打开状态（写在<head>标签里面）
<base target = "blank" /> 整体设置使用新窗口打开链接
特殊字符（理解）：
HTML替换代码：
| 特殊字符 | 描述 | 字符代码 |
| 空格 | | |
| < | 小于 | < |
| > | 大于 | > |
| & | 与 | & |
| ￥ | 人民币 | ¥ |
| © | 版权 | © |
| ® | 注册商标 | ® |
| ° | 度 | ° |
| ± | 正负 | &pludmn; |
| × | 乘 | × |
| ÷ | 除 | ÷ |
| ² | 平方 | ² |
| ³ | 立方 | ³ |
注释标签：
<!-- 注释语句 -->
无序列表ul（重点）：
1. <ul></ul>标签中只能嵌套<li></li>标签， 其他标签是不被允许的；
2. <li></li>之间可以容纳其他任何标签；
3. 无序列表会带有自己样式属性，放下那个样式，一会让CSS来！！
<ul>
<li>列表项1</li>
<li>列表项2</li>
.
.
.
</ul>
无序列表ol（了解）：
有序列表即为有排列顺序的列表，其各个列表按照一定的顺序排列定义，有序列表的基本语法为：
<ol>
<li>列表项1</li>
<li>列表项2</li>
.
.
.
</ol>
自定义列表（理解）：
定义列表常用语对属于或名次进行解释和描述，定义列表的列表项前没有任何项目符号。语法为：
<dl>
<dt>名词1</dt>
<dd>名词1解释1</dd>
<dd>名词1解释2</dd>
.
.
.
<dt>名词2</dt>
<dd>名词2解释1</dd>
<dd>名词2解释2</dd></dl>
创建表格
在HTML网页中，要想创建表格，就需要使用表格相关的标签。创建表格的基本语法格式如下：
<table>
<tr>
<td></td>...
</tr>
....
</table>
table中并无列的定义，标签<table></table>为整体表格，<tr></tr>为一行，<td></td>为每一个单元格包含的内容，这三个标签是创建表格的基本标签，缺一不可。table标签的属性可设置，width，height，border....；table标签里面只能放tr标签，tr标签里面只能放td标签；td标签里面可以放任何标签；
表格属性
| 属性名 | 含义 | 常用属性值 |
| border | 设置表格的边框（默认border=“0”无边框） | 像素值 |
| cellspacing | 设置单元格与单元格边框之间的空白间距 | 像素值（默认为2像素） |
| cellpadding | 设置单元格内容与单元格边框之间的空白间距 | 像素值（默认为1像素） |
| width | 设置表格的宽度 | 像素值 |
| height | 设置表格的高度 | 像素值 |
| align | 设置表格在网页中的水平对齐方式 | left、center、right |
表头标签：
表头一般位于表格的第一行或第一列，使用的时候，只需用<th></th>代替<td></td>标签即可；
表格结构（了解）：
在使用表格进行布局时，可以将表格划分为头部，主体和页脚（暂不赘述），具体如下：
<thead></thead>：用于定义表格的头部。
必须位于<table></table>标签中，一般包含网页的logo和导航等头部信息。
<tbody></tbody>：用于定义表格的主体。
位于<table></table>标签中，一般包含网页中除头部和底部之外的其他内容。
表格标题：
标题标签：<caption></caption>
<table>
<caption>我是表格标题</caption>
</table>
caption 标签必须紧随 table 标签之后。每个表格只有一个标题，通常这个标题会被居中置于表格之上。
合并单元格（难点）：
跨行合并：rowspan 跨列合并：colspan
合并思想：
将多个内容合并的时候，就会有多余的东西，将它删除。例如，若合三为一，则多余两个单元格的内容，是需要删除；
公式：删除的个数 = 合并的个数 - 1
合并的原则：留上，留左；
表单标签（掌握）：
目的为了手机用户信息。
在我们网页中，我们也需要跟用户进行交互，手机用户资料，此时也需要表单。
在HTML中，一个完整的表单通常由表单控件（也称为表单元素）、提示信息和表单域3个部分组成。
表单控件：
包含了具体的表单功能项，如单行文本输入框、密码输入框，复选框、提交按钮、重置按钮等；
提示信息：
一个表单中通常还需要包含一些说明性的文字，提示童虎进行填写和操作；
表单域：
它相当于一个容器，用来容纳所有的表单控件和提示信息，可以通过它定义处理表单数据所用程序的 url 地址，以及数据提交到服务器的方法；如果不定义表单域，表单中的数据就无法传送到后台服务器；
input控件（重点）：
在上面的语法中，<input />为单标签，type 属性为其最基本的属性，其取值有多种，用于指定不同的空间类型，除了type 属性之外，<input />标签还可以定义很多其他的属性，其常用属性如下表所示：
| 属性 | 属性值 | 描述 |
|---|---|---|
| type | text | 单行文本输入框 |
| password | 密码输入框 | |
| radio | 单选按钮 | |
| checkbox | 复选框 | |
| button | 普通按钮 | |
| submit | 提交按钮 | |
| reset | 重置按钮 | |
| image | 图像形式的提交按钮 | |
| file | 文件域 | |
| name | 由用户自定义 | 控件的名称 |
| value | 由用户自定义 | input空间中的默认文本值 |
| size | 正整数 | input空间在页面中的显示宽度 |
| checked | checked | 定义选择控件默认被选中的项 |
| maxlength | 正整数 | 空间允许输入的最多字符数 |
label标签（理解）：
label 标签为 input 元素定义标注。
作用：用于绑定一个表单元素，当点击label标签的时候，被绑定的表单元素挥霍的输入焦点；
1. 可以直接使用label标签包裹；
2. 可以使用for-id，for 在 label中，id 在 input中（在使用label包裹的前提下）；
textarea控件（文本域）：
如需输入大量的信息，就需要用到 <textarea> </textarea> 标签，通过 textarea 控件可以轻松创建多行文本输入框：
<textarea cols="每行中字符数" rows="显示的列数"></textarea>
select控件（下拉菜单）：
使用 select 控件定义下拉菜单的基本语法格式如下：
<select>
<option>选项1</option>
<option>选项2</option>
<option>选项3</option>
...
</select>
注意：
1.<select> </select>中至少应包含一对<option> </option>。
2.在 option 中定义 selected="selected" 时，当前项即为默认选中项。
表单域：
在HTML中，form 标签被用于定义表单域，即创建一个表单，以实现用户信息的收集和传递，form 中的所有内容都会被提交给服务器，创建表单的基本语法格式如下：
<form action="url地址" method="提交方式" name="表单名称">
表单控件
</form>
常用属性：----------
1.action
在表单收集到信息后，要将信息传递给服务器进行处理，action 属性用于指定接收并处理表单数据的服务器程序的 url 地址
2.method
用于设置表单数据的提交方式，其取值为 get 或 post 。
3.name
用于指定表单的名称，以区分同一个页面中的多个表单。
注意：每个表单都应该有自己的表单域。
常用新标签：
w3c手册中文官网：https://www.w3school.com.cn/
- header：定义文档的页眉 头部
- nav：定义导航链接的部分
- footer：定义文档或节的页脚 底部
- article：定义文章
- section：定义文档中的节（section、区段）
- aside：定义其所处内容之处的内容 侧边
- datalist：标签定义选项列表。与 input 元素搭配使用
<input type="text" value="明星" list="star">
<datalist id="star">
<option>刘德华</option>
<option>刘晓庆</option>
<option>刘若英</option>
</datalist>- fieldset：可将表单内的相关元素分组，打包
<fieldset>
<legend>用户登录</legend>
<label>用户名：<input type="text" name=""><br /></label>
<label>密 码：<input type="text" name=""></label>
</fieldset>新增的 input type 属性值：
| 类型 | 使用示例 | 含义 |
| <input type="email"> | 输入邮箱格式 | |
| tel | <input type="tel"> | 输入手机号码格式 |
| url | <input type="url"> | 输入 url 格式 |
| number | <input type="number"> | 输入数字格式 |
| search | <input type="search"> | 搜索框（体现语义化） |
| range | <input type="range"> | 自由拖动滑块 |
| time | <input type="time"> | 小时分钟 |
| date | <input type="date"> | 年月日 |
| datetime | <input type="datetime"> | 时间 |
| month | <input type="month"> | 月年 |
| week | <input type="week"> | 星期 年 |
常用新属性：
| 属性 | 用法 | 含义 |
| placeholder | <input type="text" placeholder="请输入用户名"> | 占位符 当用户输入的时候，里面的文字消失，删除所有文字，自动返回 |
| autofocus | <input type="text" autofocus> | 规定当页面加载时 input 元素应该自动获得输入焦点 |
| multiple | <input type="file" multiple> | 多文件上传 |
| autocomplete | <input type="text" autocomplete="off" ="on"> | 规定表单是否应该启用自动记录功能 对应值 on 和 off 决定 on代表记录已经输入的值 |
| required | <input type="text" required> | 必填项 内容不能为空 |
| accesskey | <input type="text" accesskey="s"> | 规定激活（使元素获得焦点）元素的快捷键 采用 alt + 字母的形式 |
多媒体标签：
- embed（iframe）：标签定义插入的内容
- audio：播放音频
- video：播放视频
音频audio：
HTML5通过<audio>标签来解决音频播放的问题。
并且可以通过附加属性来更友好的控制音频的播放，如
autoplay 自动播放；controls 是否显示播放控件；loop 循环播放（loop = n为循环 n 次，loop = -1 则无限循环）
由于浏览器兼容问题，可在<audio></audio>标签内增加<source />标签来自动选择源文件；
视频video：
同样有 autoplay、controls、loop 等属性可以控制；
由于浏览器兼容问题，可在<audio></audio>标签内增加<source />标签来自动选择源文件；
后续继续补充！
146
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
