https://www.dcloud.io/hbuilderx.html 下载HbuilderX，直接解压缩双击打开
html5
<!DOCTYPE html><!-- 文档类型，声明当前网页文档是html5的版本 -->
<html><!-- 网页文件的根标签，所有的html标签都必须写在跟标签里面 -->
<head><!-- 头部标签，记录网页文件的元信息，head标签中的内容不会在浏览器窗口展示 -->
<meta charset="utf-8" />
<title>学个锤子</title><!-- 标题标签 -->
</head>
<body><!-- 主体标签，包含所有在浏览器窗口展示的内容 -->
<img src="img/R-C (1).jfif" width="300px">
<!-- 标题标签h1-h6：独占一行 -->
<h1>标题标签</h1>
<!-- 段落标签p：独占一行 -->
<p>段落标签</p>
<!-- 换行标签 -->
123<br>456
<!-- hr水平线标签 -->
<hr>
<!-- 注释行，ctrl+/注释整行 crtl+shift+/插入一个空注释，或者注释选中的内容 -->
<!-- 文本标签 -->
<b>粗体</b>
<i>斜体</i>
<small>比普通文本更小的字体</small>
<strong>等价于粗体</strong>
<del>有删除线字体</del>
<!-- 超文本连接，href是超链接标签的属性，href指定跳转的路径 -->
<!-- _blank 表示在新窗口进行跳转链接，_self 表示在此窗口进行跳转 -->
<a href="http://www.baidu.com" target="_blank">跳转到百度</a>
<!-- 书签，每个标签的id属性值都是唯一的 -->
<div id="tips">提示部分</div><!--回到顶部，悬挂的猫 -->
<!-- # 表示找一个标签的id属性值进行跳转 -->
<a href="#tips">跳转到提示部分</a>
<hr />
<!-- 图片标签 src属性指定图片的路径 width指定图片的宽度 height指定图片的高度 -->
<!-- 从当前文件出发，向上一级或者向下一级的查找方式，称为相对路径 -->
<!-- 从项目根路径出发的查找方式称为绝对路径 -->
<img src="img/study.jfif" width="500px" >
<!-- <img src="../img/study.jfif" width="100px"> -->
<!-- 指定图片网址 -->
<!-- <img src="网址" width="200px"> -->
<br>
</body>
</html>