这是我参与「第四届青训营」笔记创作活动的的第1天
基础标签：
字号：h1-h6
换行：<br/>
空格： ；
大于号（>）：>
分割线：<hr/>
上角标：<sup> superscript
下角标：<sub> subscript
pre标签：预定义格式化文本，保留空格与换行符，变成等宽字体
p标签：不保留空格及换行，字体不变
添加图片：<img src=”图片相对路径” />
命名图片：title （鼠标划过图片可见）= “” , alt （当前图片未能正常加载时） = “”
添加此步骤的原因是为了无障碍需求，让视力有障碍的用户能够通过浏览器朗读文字来正常查看网页
./ 表示当前文件所在的文件夹 ../ 表达上一层文件夹
注释：<!-- -->
收藏夹图标/网站图标：制作icon文件，在head里添加：
<link rel =” icon”, href=”文件名”/>
通常标签 <strong>替换加粗标签 <b> 来使用, <em> 替换 <i>标签使用
放大/缩小字体：<big> / <small>
<adress>：用来在html中书写地址 ( 表现为斜体 )
<ins>设置插入字，<del>定义删除字。
<link> 标签定义了文档与外部资源之间的关系，通常用于链接到样式表:
<head><link rel="stylesheet" type="text/css" href="mystyle.css"></head>
列表标签：
无序列表：
ul: unorderly list 无序列表的外边界
li: list item 列表项
<ul type =””> 三种属性：circle（空心圆圈）、square（黑方块）、disc（黑圆圈）。
有序列表：
ol: orderly list 有序列表的外边界
li: list item 列表项
start：有序列表的起始值（数字从几开始）
自定义列表：
dl 给出框架 dt 标题 dd 内容
可以用<br/>换行 也可以在一个dt中嵌套多个dd
表格标签：
框架：<table></table> 表格的外边界
tr：table row 定义行
td：table data cell 定义单元格
th: 表头标签 可与td互换 默认居中加粗
Caption：在表格的最开始呈现 默认为标题
<table border = ”” cellspacing =” ” cellpadding = ””)>
Border：表格边框 数字越大越立体
Cellspacing：单元格之间的距离
Cellpadding：文字与单元格的边界距离
如果想修改表格大小，还可以应用width（表格宽度），height（表格高度），align（在网页中的对齐方式），bgcolor（设置背景颜色），例：width=”500px”, width=”80%”.
Colspan：单元格贯穿多少列（横向合并单元格）
Rowspan：单元格贯穿多少行（纵向合并单元格）
关于Input表单：
Username: <input type="text" name="user">文本输入框
Password: <input type="password" name="password"> 秘密输入框
单选按钮（Radio Buttons）：
<input type="radio"> 标签定义了表单的单选框选项:
<form action="">
<input type="radio" name="sex" value="female">女</form>
复选框（Checkboxes）：
<input type="checkbox"> 定义了复选框,可以选取一个或多个选项：
<form>
<input type="checkbox" name="vehicle" value="Bike">选项一<br>
<input type="checkbox" name="vehicle" value="Car">选项二</form>
提交按钮 (Submit)：
<input type="submit"> 定义了提交按钮。
当用户单击确认按钮时，表单的内容会被传送到服务器。表单的动作属性 action 定义了服务端的文件名。
action 属性会对接收到的用户输入数据进行相关的处理。
预选下拉列表：
<form action="">
<select name="choice">
<option value="1">1 </option>
<option value="2">2</option>
<option value="3" selected > 3 </option> （默认选择，可取消）
<option value="4">4</option>
</select></form>
<label for = "user"> 用户名 <label>
<input id = "user" type = "text">
用 label标签将用户名和输入文本框关联起来，通过联系指定元素，扩大聚焦范围，提升用户体验。
文本域(Textarea)：
创建文本域（多行文本输入控件）。用户可在文本域中写入文本。可写入字符的字数不受限制：
<textarea rows="10" cols="30">
我是一个文本框。</textarea>
关于Meta标签：
Meta标签：可提供有关页面的原信息，比如针对搜索引擎的关键字、描述信息等。
- 规定字符集
<meta charset="utf-8">
HTML规定解码字符集为UTF-8， 此句为了防止乱码，UTF-8字符集支持 地球上所有的文字，而中文系统默认编码是GB2312，产生乱码的根本原因是编码和解码采用的字符集不同。
- 设置网页关键字
<meta name="keywords" content="前端信息" />
其中name属性值为’keywords’，content属性值是想为网页设置的关键词。。
- 指定对网页的描述
<meta name="description" content="这个网页是对于前端技术的教学" />
其中name属性值为’description’，content属性值是想为网页设置的描述。。
其中2和3的作用是：搜索引擎在检索页面时，会同时根据网页关键字和描述进行搜索，但不会因为里面的内容影响搜索排名
4.在访问网页中如果发现“经五秒后跳转至…页面”，这是使用了meta标签的请求重定向作用，格式为：<meta http-equiv="refresh" content="经过几秒钟;url=某链接名称" />
