软件：HBuilderX

视频：​​​​​​【优极限】 HTML+CSS+JavaScript+jQuery前端必学教程，小白教学，前端基础全套完成版_哔哩哔哩_bilibili

HTML的常用标签

        <!--标题标签h1-h6 大小依次递减--><h1>标题1</h1><h2>标题2</h2><h3>标题3</h3><!--段落标签p标签，会自动换行--><p>这是一个段落</p><p>这是一个段落</p><!--换行标签br-->Hello <br>world<!--水平线标签hr 单标签常用元素colorsizewidth / pxalign 对齐方式--><hr><hr color="crimson" size="3" width="50%" align="left"><!--列表有序列表无序列表--><ul type="square"><li>周杰伦</li><li>林俊杰</li><li>陈奕迅</li></ul><!--div标签默认占全部的宽度，有多少内容占多少高度可以设置width 和 height--><div style="width: 500px;height: 100px" align= "center">这是一个div</div><!--span标签行内元素（不会自动换行）--><span>这是一个span</span><hr><!--格式化标签font标签colorsizefacepre预格式化标签，保留空格和换行b 加粗i 倾斜u 下划线del 中划线sup 上标sub 下标--><font color="aqua" size="5" face="楷体">你好</font><br>Hello        World<pre>Hello        Wodld</pre><!--a 标签超链接标签，用于连接到一个新的url常用属性：href:需要跳转的地址 (必须属性)target:窗口打开的方式_self:当前窗口_blan:在空白窗口作为锚点：a标签的name属性值<a name= "top"></a>其他的id属性值<div id="top"></div>锚点的使用<a href= "#top"><a>--><a href="http://wwww.baidu.com" target="_blank">百度</a><!--img像网页中嵌入一张图片常用属性：src：需要引入的图片地址(必须属性)alt：当图片破损或不存在时，显示文本的内容title：当鼠标悬停在图片上时显示的文本widthheighborder--><img src="img/logo.png"/><hr /><!--表格标签table 表格tr 行td 标准单元格th 表头(字体居中，加粗效果)table的属性width 表格的宽度border 边框align 对齐方式tr的属性align 行的内容的对齐方式--><table width="400px" align="center" border="1" style="border-collapse:collapse;"><tr><th>编号</th><th>姓名</th><th>年龄</th></tr><tr align="center" bgcolor="bisque"><td>1</td><td>张三</td><td>18</td></tr></table>