HTML部分主要就是写各种标签
当然这里只是简单记录一下，具体的细节应该去看MDN文档。

文件标签

<html>标签： 代表当前书写的是一个HTML文档
<head>标签：存储的本页面的一些重要的信息，它不会显示
<head>标签：有一个子标签<title>它是用于定义页面的标题的
<body>标签：书写的内容会显示出来
<body>标签的属性
1. text 用于设置文字颜色
2. bgcolor 用于设置页面的背景色
3. background 用于设置页面的背景图片

排版标签

<br> 换行
<p> 段落
<hr> 水平线
<div>、<span> 是容器

最重要的就是div。div本身没什么意义，只是一个容器。但div在后面与CSS进行结合的时候意义非常大。有了div才能对网站很好的排版、修改各种样式。

标题与格式化相关标签

<h1><h2><h3><h4><h5><h6>都是加标题用的。类似于markdown的# ## ### ####
<b>：字体加粗
<i>：字体倾斜
<del>：删除线
<u>：下划线

列表标签

ol 是有序列表，ul是无序列表。
列表的默认样式很丑，一般来说应该进行css-reset。当然我是从后端的角度写的，管他丑不丑...

图像标签

img.通常来说在webstorm里或vscode里会自动补全属性，这就能用了。常用的还有设置宽度高度。
注意不要自己随便给高度宽度，会拉伸图像。

表格标签

<table>：定义一个表格
    border：边框，取值是像素为单位
    width 代表的表格的宽度
    align 代表表格的对齐方式；取值
    left 左对齐表格
    right 右对齐表格
    center 居中对齐表格
    cellspacing：单元格间距（通常设置0表示单线表格）

<tr>：表格中的行 （Table Row）
    align 代表表格的对齐方式；取值
    left 左对齐内容（默认值）
    right 右对齐内容
    center 居中对齐内容（th 元素的默认值）
<td>：表格中的数据单元格 （Table DataCell）
    colspan 指示列的合并 rowspan 指示行的合并

表单标签

<form>
常用的属性:
    action：整个表单提交的目的地
    method：表单提交的方式

表单内的元素

<input>元素的type属性
text：默认值，普通的文本输入框
placeholder属性：提示文本
maxlength属性：最多能输入字符数量
password：密码输入框
checkbox：多选框/复选框
checked：被选中
radio：单选按钮
file：上传文件
reset：重置按钮
submit：提交按钮
button：普通按钮
<select>：下拉列表/下拉框
<option>：列表中的项
selected：被选中
<textarea>：文本域（多行文本框）
可以通过 cols 和 rows 属性来规定 textarea 的尺寸，不过更好的办法是使用 CSS 的height
和 width 属性。
<button>：按钮
在form表单中，作用和submit一样
不在form表单中，就是普通按钮（配合后期的javascript，可扩展性更高）

其它

meta 元标签前端天天研究这些...
link 引入CSS文件

HTML5一些改动

语义化的div

section标签：表示页面中的内容区域，部分，页面的主体部分
article标签：文章
aside标签：文章内容之外的，标题
header标签：头部，页眉，页面的顶部
hgroup标签：内容与标题的组合
nav标签：导航
figure标签：图文并茂
foot：页脚，页面的底部

看小视频

src：媒体资源文件的位置
controls：控制面板
<inPUT tYPe="pasSWord"/>
<input type="password">
<input type=password>
<p>哈哈哈哈哈哈哈
<p>哈哈哈哈哈哈哈
autoplay：自动播放（谷歌失效，360浏览器可以）
loop：循环播放

新的表单控件

<input>，修改type属性：
color：调色板
date：日历
month：月历
week：周历
number：数值域
min：最小值（默认值是1）
max：最大值（默认值无上限）
step：递增量
range：滑块
search：搜索框（带×号，可一键删除框中内容）
进度条<progress/>
高亮<mark>
联想输入框<datalist> （模糊查询）
选项<option>

前端浑水摸鱼速成-HTML