1、安装编译器
编译器下载
HBuilderX-高效极客技巧 (dcloud.io)
https://dcloud.io/hbuilderx.html安装教程
2、HTML基本框架?
3、HTML常用标签
基本
<html>…</html>??????定义?HTML?文档
<head>…</head>???文档的信息
<meta>????????????????????HTML?文档的元信息
<title>…</title>????????文档的标题
<link>??????????????????????文档与外部资源的关系
<style>…</style>????文档的样式信息
<body>…</body>???可见的页面内容
<!--…-->?????????????????注释
文本
<h1>...</h1>???????????????标题字大小（h1~h6）
<b>...</b>???????????????????粗体字
<strong>...</strong>???粗体字(强调)?
<i>...</i>??????????????????????斜体字?
<em>...</em>??????????????斜体字(强调)
<center>…</center>???居中文本
<ul>…</ul>?????????????????无序列表?
<ol>…</ol>?????????????????有序列表
<li>…</li>????????????????????列表项目
<a?href=”…”>…</a>????超链接
<font>?????????????????????????定义文本字体尺寸、颜色、大小
<sub>?????????????????????????下标
<sup>?????????????????????????上标
<br>???????????????????????????换行
<p>????????????????????????????段落
图形
<img?src=’”…”>???定义图像
<hr>???????????????????水平线
表格
<table>…</table>???定义表格
<th>…</th>????????????定义表格中的表头单元格
<tr>…</tr>?????????????定义表格中的行
<td>…</td>???????????定义表格中的单元
其它
<form>…</form>????定义供用户输入的?HTML?表单
<frame>?????????????????定义框架集的窗口或框架
https://www.bilibili.com/video/BV1sf4y1k7dr?p=2&spm_id_from=pageDriver