学习网址：【优极限】 HTML+CSS+JavaScript+jQuery前端必学教程，小白教学，前端基础全套完成版_哔哩哔哩_bilibili
1.安装编译器
2.基础操作
3.框架
常用标签
<!--
标题标签
h1~h6 大小依次递减
尽量减少使用h1标签
块级元素
-->
<h1>标题一</h1>
<h2>标题二</h2>
<h3>标题三</h3>
<h4>标题四</h4>
<h5>标题五</h5>
<h6>标题六</h6>
<!--
段落标签
p标签，会自动换行<p>段落</p>
块级元素
-->
<!--
换行标签
br 单标签
两种 <br> <br/>
-->
<!--
水平线标签
hr 单标签
常用属性
color 颜色
size 粗细
width 长度(两种 百分比 或者 px)
align 对齐方式
-->
<!--
列表
有序列表(有序号12345),有各种 <ol> <li></li> </ol>
无序列表（没有序号） <ul>与<li></li>与</ul>
-->
<!--
div标签
块级元素
默认占全部的宽度，有多少内容高度占多少
可以设置div的 style=宽width和高height
通过align设置内容的对齐方式
-->
<div style="width: 500px;height: 100px;" align="center">这是一个div</div>
<!--
span标签
行内元素（不会自动换行）
-->
<span>这是一个span</span>
<hr />
<!--
格式化标签
font标签（管字体的）
color 字体颜色
size 字体尺寸
face 字体风格
b 加粗
i 倾斜
u 下划线
del 中划线
sup 上标
sub 下标
pre
预格式化标签，保留空格和换行
-->
<font color="aqua"size="5"face="楷体" >你好</font><br />
<pre>
hello world
</pre>
<!--
a标签
超链接标签，用于链接到一个新的URL
常用属性：
href:需要跳转的地址（必须属性）
target:窗口打开的方式
_self:当前窗口打开（默认）
_blank:在空白窗口打开
作为锚点（相当于超级链接，可以跳转）：
a标签的name属性值
<a name="top"></a>
其他的id属性值
<div id="top"></div>
锚点的使用
<a href="#top"></a>
-->
<!--
img标签
向网页中嵌入一个图片
常用属性：
src：需要引入的图片的地址（必须属性）
alt：当图片破损或不存在时，显示文本内容
title:当鼠标悬停在图片上时显示的文本
width：图片的高度
height：图片的宽度
border：图片边框
-->
<img src="img/图片.png"/>
<!--
表格标签
table 表格
tr 行
td 标准单元格
th 表头（字体居中，加粗效果）
table的属性
width 表格的宽度
border 边框
align 对齐方式
tr的属性
align 内容的对齐方式
-->
<table width="400px" align="center" >
<tr>
<th>编号</th>
<th>姓名</th>
<th>年龄</th>
</tr>
<tr align="center" bgcolor="blanchedalmond">
<td>1</td>
<td>张三</td>
<td>18</td>
</tr>
</table>