学习网址：【优极限】 HTML+CSS+JavaScript+jQuery前端必学教程，小白教学，前端基础全套完成版_哔哩哔哩_bilibili
1.安装hbuilder X
了解如何使用该软件
2.了解HTML主要标签作用
<!--
标题标签
h1~h6大小依次递减
尽量减少使用标题标签
-->
<h1>标题1<h1>
<！
段落标签
p标签，会自动换行
快捷元素
-->
<p>这是一个段落哟</p>
<!--
换行标签
br 单标签
<br><br/>
-->
hello<br>world
<!--
水平线标签
hr 单标签
常用属性
color 颜色
size 粗细
width 长度 <百分比 或 px>
-->
<hr>
<hr color ="red" size ="3" width ="50%">
<!--
列表
有序列表
<ol><li></li>
无序列表
<ul><li></li>
-->
<ul type="square">
<li>周杰伦</li>
<li>林俊杰</li>
</ul>
<!--
div标签
块级元素
默认占全部的宽度 有多少内存高度占多少
可以设置div的宽（width）高（height）
通过align设置内容的对宽方式
-->
<div style="width:100px;height:100px">这是一个div</div>
<!--
span标签
行内元素（不会自动换行）
-->
<span>这是一个span</span>
<!--
格式化标签
font标签
color 颜色
size 字体尺寸
face 字体风格
pre
预格式化标签 保留空格和换行
b 加粗
i 倾斜
u 下划线
del 中划线
sup 上表
sub 下表
-->
<font color="aqua"size="5"face="楷体">你好</font>
<!--
a标签
超链接标签 用于连接到一个新的URL
常用属性:
href:需要跳转的地址 （必须属性）
target:窗口打开的方式
_self:当前窗口 (默认)
blank:在空白窗口
作为锚点：
a标签的name属性
<a name="top"></a>
其他的id属性值
<div id="top"></div>
锚点的使用
<a herf="top"></a>
-->
百度
<a href="http://www.baidu.com"target="_blank">百度</a>
<!--
img标签
向网页中嵌入一张图标
常用属性：
src:寻要引入的图片的地址（必须属性）
alt:当图片破损或不存在时，显示文本的内容
title：当鼠标想停在图片上时显示的文本，
width：图片的宽度
height：图片的高度
Border：图片边框
table:表格
-->
<img src="img/腾讯文档.png" width="500" height="400" border="2" title="风景图"/>
<!--
表格标签
table 表格
tr 行
td 标准单元格
th 表头（字体居中，加粗效果）
table的属性
width 表格的宽度
border 边框
align 对齐方式
style=“border-collapse:collapse;”合并表格的边框
tr的属性
align行的内容的对齐方式
-->
<table width="400px" align="center" border="1" style="border-collapse: collapse;">
<tr align="center" bgcolor="aquamarine">
<th>编号</th>
<th>姓名</th>
<th>年龄</th>
</tr>
<tr align="center">
<td>1</td>
<td>张三</td>
<td>18</td>
</tr>知道HTML的基本含义，通过学习网址的视频知晓HTML的主要高频使用标签，并跟随视频讲解将例子通过程序能够实现
