学习网址：视频网址? ? 资料网址
1.安装编译器
HbuilderX安装地址
2.框架
?3.内容框架
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />提供文档信息，浏览器设置utf-8可以显示中文
<title>标题</title>
</head>
<body>
内容
</body>
</html>
4.常用标签
标题：h1~h6，大小递减，会自动换行（块级元素）减少使用h1标签，<h1></h1>。
段落：p，会自动换行（块级元素），<p></p>。
换行：br，单标签? <br>或<br/>。
水平线：hr，单标签，属性有color颜色，size粗细，width长度，align对齐方式，
? ? ? ? ? ? ? <hr color=" "?size=" "?width="百分比或px"?align="默认居中/lift/right">。
无序列表：ul，前面可为三种形状，<ul type=" "><li>内容<li></ul>。
有序列表：ol，前面为排序可选五种，<ol type=" "><li>内容<li></ol>。
div：万能标签，块级元素，可与css配合使用，默认占全部宽度，高度有多少占多少，可设置
? ? ? ? style设置width宽度，height高度，align设置对齐方式，
? ? ? ? <div style="width:? px或百分比;height: px;"align=" ">内容</div>。
span：行内元素，不会自动换行，不可设置宽高，<span>内容</span>。
格式化标签：有font标签、pre标签、b、i、u、del、sup、sub。
font：可设置color字体颜色、size字体大小、face字体风格，
? ? ? ? ? <font color=" " size=" " face=" ">内容</font>。
pre：为预格式化标签，可保留空格与换行，<pre>内容</pre>。
b:加粗（也可以用strong）i:倾斜 u:下划线 del:中划线? sup:上 b:下标? ? 皆为双标签。
a标签：超链接标签，用于链接到一个新的URL。
? ? ? ? ? ? ?常用属性：href(必须属性)为需要跳转的地址、target为窗口打开方式:_self为当前窗口打? ? ? ? ? ? ? ? ?开(默认);_blank为空白窗口打开，<a href=" " target=" ">名字</a>
? ? ? ? ? ? ?作为锚点：name属性，<a name=" ">内容</a>、其他id属性<div id=" ">内容<div>
图像：img其源属性为src，alt 属性用来为图像定义一串预备的可替换的文本
? ? ? ? ? ?<img src="URL" alt="some_text">，URL指存储图像的位置。
? ? ? ? ? ?height（高度） 与 width（宽度）属性用于设置图像的高度与宽度。
? ? ? ? ? ?border设置边框,title为当鼠标悬停在上面时显示的文本。
? ? ? ? ? ?<img src="URL" alt="some_text" width=" " height=" " border=" " title=" ">
表格：table，分为tr(行),th(表头),td(标准单元格)。
? ? ? ? ? ?table的属性有width(宽度),border(边框),align(对齐方式),tr的属性有algin(行内容的对齐方? ? ? ? ? ? ? ? ?式),bgcolor(格子颜色)。可以table属性中加上style="border-collapse: collapse;"合并边框。
? ? ? ? ? ?<table width=" " border=" " align=" "?style="border-collapse: collapse;" >
? ? ? ? ? ?<tr?algin=" "?bgcolor=" "> <th>表头内容</th> </tr>
? ? ? ? ? ?<tr> <td>标准单元格内容</td> </tr> </table>
? ? ? ? ? ?