1.HTML超文本标记语言（Hypertext Markup Language）
HTML是一种用于创建网页的标记语言。它使用标记标签来描述网页的结构和内容。HTML标签告诉浏览器如何显示网页的不同部分，包括标题、段落、链接、图像等。
创建基础框架的vscode快捷键：!+tab
1.1HTML基础标签
|
定义HTML文档的根目录 |
|
定义文档的头部区域，包含与文档相关的元数据和链接 |
</td>
<td>定义网页的标题，显示在浏览器的标题栏或选项卡上</td>
</tr>
<tr>
<td><body></td>
<td>定义文档的主体内容</td>
</tr>
<tr>
<td><h1>到<h6></td>
<td>定义标题级别，从最高到最低级别</td>
</tr>
<tr>
<td><p></td>
<td>定义段落</td>
</tr>
<tr>
<td colspan="1" rowspan="6"><a></td>
<td>定义链接，可以跳转到其他网页或同一页面的其他部分</td>
</tr>
<tr>
<td>href="地址" 地址分相对地址和绝对地址，用 ../ 可以回退到上一层</td>
</tr>
<tr>
<td>target属性用来指定链接在何处打开（当前窗口、新窗口）</td>
</tr>
<tr>
<td>title属性用于提供链接的提示文本等</td>
</tr>
<tr>
<td> <p>name 属性用于为锚点（anchor）创建一个名称。锚点是文档内的一个位置，可以通过链接跳转到该位置</p> <p><a name="section1"></a></p> <p><a href="#section1">Go to Section 1</a></p> </td>
</tr>
<tr>
<td>现代html推荐使用id创建锚点</td>
</tr>
<tr>
<td colspan="1" rowspan="3"><img></td>
<td>定义图像，用于在网页中插入图片</td>
</tr>
<tr>
<td> <p>src属性指定要显示的图像的 URL</p> <p><code>alt</code> 属性提供图像的替代文本。</p> </td>
</tr>
<tr>
<td>
<ul>
<li><code>width</code> 和 <code>height</code> 属性用于指定图像的宽度和高度。可以使用像素值或百分比进行指定。</li>
<li><code>title</code> 属性用于提供图像的标题文本，当鼠标悬停在图像上时显示。</li>
<li><code>align</code> 属性用于指定图像的对齐方式，如左对齐、右对齐等。</li>
<li><code>border</code> 属性用于指定图像的边框宽度。</li>
</ul></td>
</tr>
<tr>
<td><ul>和<li></td>
<td>定义无序列表，用于显示项目列表</td>
</tr>
<tr>
<td><ol>和<li></td>
<td>定义有序列表，用于显示按顺序排列的项目列表</td>
</tr>
<tr>
<td><table>、<tr>、<td>、<th></td>
<td>定义表格结构，用于显示数据表格</td>
</tr>
<tr>
<td><div></td>
<td>定义文档中的一个区块或容器，用于组织和样式化内容</td>
</tr>
<tr>
<td><span></td>
<td>定义文档中的行内元素，用于对文本进行样式化或标记</td>
</tr>
<tr>
<td><br></td>
<td>换行</td>
</tr>
</tbody>
</table>
<pre><code class="language-html"><!DOCTYPE html>
<html>
<head>
<title>标题
一级标题
段落
链接
- 有序列表1
行内红元素
1.2 表单标签Form
可以包含各种输入字段、按钮和其他交互元素，用于用户输入数据并提交到服务器进行处理。
| form中两个重要属性： |
action：将数据提交到何处（默认提交到本页） |
本机内网路径（相对路径、绝对路径） |
| 互联网路径（某个网址） |
| method：将数据以何种方式提交 |
get提交方式：提交的参数列表拼接到了地址栏后面，提交数据量小（信息不安全） |
| post提交方式：提交的参数列表不拼接到地址栏后面，提交数据量大（信息相对安全） |
1.2.1 get与post的区别：
|
get |
post |
| 提交位置 |
数据包含在URL的查询字符串中 |
数据包含在请求的消息体中 |
| 提交数据长度 |
有限制，通常在几千个字符左右 |
无限制，可以发送大量数据 |
| 数据可见性 |
数据明文显示在URL中，可以在浏览器地址栏和历史记录中看到 |
数据不会明文显示在URL中，更安全 |
| 适用场景 |
获取资源、查询数据 |
提交数据、修改数据 |
| 安全性 |
由于数据明文显示在URL中，相对较不安全 |
数据不会明文显示在URL中，相对更安全 |
| 数据类型 |
只能传输ASCII字符 |
可以传输非ASCII字符 |
| 二进制数据 |
不适合传输二进制数据 |
适合传输二进制数据 |
| 浏览器回退 |
无害 |
会重新提交数据 |
1.2.2 输入项标签
1.2.3 选择框标签
注意：Option的内容体一般是用来进行展示的，参数值是option的value属性值
multiple属性可以设置选择框为多选
2. CSS 层叠样式表（Cascading Style Sheets）
用于设置HTML页面中的文本内容，美化页面
2.1 CSS格式规范
选择器名称 { 属性名: 属性值: ; 属性名: 属性值: ; ......}
2.1.1 元素选择器（标签选择器）
Document
CSS演示设置文字的样式
|
