网站的入口通常称为index
存放配置信息
<head>
定义页面标题 搜索引擎的收录标题
<title>
不能存到常用标签里的，存入
<meta>
eg：
`<meta charset = "UTF-8">`
在搜索引擎中：
网页下面的小标题
`<meta name = "description" content = "组织大家一起刷题">`
关键词，用户搜索时可以搜到该网站
` <meta name = "keywords" content = "算法，计算机，编程">`
网站左上角的小logo(最好从/开始写)
<link rel="icon" href="/images/logo.png">
多行注释
<!-- -->
快捷键 Ctrl+/ （鼠标点住某行即可，不需选中）
<body>内
<div>自带换行（块状标签）
例如：
<h1>, <p>, <pre>等宽字体, <ul>无序列表元素, <ol>有序列表元素, <table>表格（只是表格时）
<span> 不带换行（行内标签）
例如：<i>斜体, <b>加粗, <del>删除线, <ins>下划线, <td>表格里的单元格,
<a>链接,<image>图片,<audio>音频,<video>视频
(在p内用<br>实现回车
  实现空格
有几个 就实现几个空格)
<h1>-<h6> 字体大小粗细不一样
<p>放段落</p> （本质上就是段和段之间有了空行）
大多数标签都会将空格和回车都过滤掉
要保留时，用`<pre>`标签 可以保留，并且是等宽字体
< >号是特殊标签，用>（大于） 和<（小于）表示
<hr>画一条线
mark 标记（把背景换成黄色）
strong加粗
图片
<img width=100 src="/images/logo.png" alt="山">/在同一行显示的
只设置宽度/高度时 图片会等比例压缩
alt表示当图片不显示的时候显示（例如图片路径不对 图片不存在 或者网络卡顿）
音频与视频
<audio controls src="/audios/bgm.mp3"></audio> 加上controls之后才能显示
<audio controls>
<source src="/audios/sound1" type="audio/mpeg"/>
<source src="/audios/sound2" type="audio/mpeg"/>
</audio>
如果能够播放的话，浏览器就会试图去加载第一个 source 元素；如果不行，那就退而求其次去加载第二个。
<video controls width="800">
<source src="/videos/video1.mp4" type="video/mp4">
<source src="/videos/video2.mp4" type="video/mp4">
Sorry, your browser doesn't support embedded videos.
</video>
controls 加上控制播放的进度条（控制工具）等
width 调整宽度
超链接
<a href="https://www.baidu.com">baidu</a>//站外链接
<a href="/about.html/">about</a>//站内链接
打开时跳入一个新页面
<a href="https://www.baidu.com" target="_blank">baidu</a>
a里面加什么跳转都可以 什么都可以做超链接
<a href="/about.html/">
<img width="300" src="/images/logo.png" alt="">
</a>
表单
和服务器交互
<form>
<label for="username">用户名</label><!--与input绑定 点汉字和框框都可以进入填写-->
<input type="text" name="username" id="username"><!--用于建立框框交互，name用在网址栏显示-->
<br>
<label for="age">年龄</label>
<input type="number" name="age" id="age">
<br>
<button type="submit">提交</button><!--提交按钮-->
</form>
选择圈圈
name一样，只能单选
name不一样，可以多选
<br>
<label for="cpp">cpp</label>
<input type="radio" name="lang" value="cpp" id="cpp">
<br>
<label for="java">java</label>
<input type="radio" name="lang" value="java" id="java">
<br>
<label for="python">python</label>
<input type="radio" name="fangyan" value="python" id="python">
<br>
设定填写的最大和最小长度
<input type="text" maxlength="10" minlength="3" name="username" id="username">
require必须填写
<input required type="number" name="age" id="age">
placeholder 把字段移到框框内
<input placeholder="密码" type="password" name="password" id="password">
点提交后，自动跳转到action的界面
<form action="http://127.0.0.1:5500/about.html/index.html">
可拖动的多行文本框
<textarea cols="30" rows="10"></textarea>
下拉选择栏（selected 默认选择）
<label for="lang">语言 </label>
<select name="lang" id="lang">
<option selected value="java">java</option>
<option value="cpp">cpp</option>
<option value="python">python</option>
</select>
列表
无序列表
<ul>
<li>wyy</li>
<li>wg</li>
<li>lww</li>
</ul>
有序列表
<ol>
<li>xzmu
<ol>
<li>xzmcxy
<ol>
<li>23wa</li>
<li>23tx</li>
<li>23sj</li>
</ol>
</li>
<li>jyxy</li>
<li>wyxy</li>
</ol>
</li>
<li>xnmu</li>
<li>znmu</li>
<li>dxmu</li>
</ol>
dt不缩进
dd缩进
<dl>
<dt>Name</dt>
<dd>Godzilla</dd>
<dt>Born</dt>
<dd>1952</dd>
<dt>Birthplace</dt>
<dd>Japan</dd>
<dt>Color</dt>
<dd>Green</dd>
<dd>Orange</dd>
</dl>
给列表加链接
<li><a href="http://127.0.0.1:5500/about.html/index.html">23wa</a></li>
表格
<table>
<caption>个人简历</caption>
<thead>
</thead>
<tr>
<th>姓名</th> <!--表头用th-->
<th>年龄</th>
<th>性别</th>
<th>毕业院校</th>
</tr>
<tbody>
<tr>
<td>wyy</td>
<td>19</td>
<td>女</td>
<td>xzmu</td>
</tr>
<tr>
<td>wyc</td>
<td>20</td>
<td>男</td>
<td>xzmu</td>
</tr>
</tbody>
</table>
