在HBuilder X中初始代码为 以及翻译：
<!DOCTYPE html><!-- 声明网页文档的类型为html5 doc:文档 type类型 -->
<html><!--网页文档的开始-->
<head><!--网页头部的开始-->
<meta charset="utf-8" /><!--meta:标签 charset:字符集读 utf-8:编码
设置网页的编码-->
<title> 百度 </title><!--title这个元素是用来定义一个网页的标题的
主要作用是告诉搜索引擎 这个网页说的是什么内容。-->
<link rel="icon" href="img/" type="image/gif" >
</head><!--网页头部的结束-->
<body bgcolor="" background=""
leftmargin="" topmargin=""><!--网页主体的开始-->
<!--bgcolor:背景颜色（十六进制） background:背景图(相对 绝对路径都可填)
leftmargin:左侧边距topmargin:顶部边距-->
<!--标题标签 （ h1 ~ h6 ）-->
<h1 align="center">拜登</h1><!--标题具有:文字各有大小 换行 左对齐 加粗 -->
<!--可选属性 align:表示水平对齐方式left:左对齐 right:右对齐 center:居中-->
<h2>来源：腾讯网</h2>
<!--水平线标签 hr （单独出现无结束）-->
<!--可选属性 color:颜色 size:粗细(默认为像素) width:宽度(默认居中 也可写百分比%)-->
<!--可选属性 align:表示水平对齐方式left:左对齐 right:右对齐 center:居中-->
<hr color="#f00" size="10" width="800" align="left">
<!--段落标签P -->
<!--段落标签可单独出现 也可成对（建议都写结束）特点 默认左对齐 换行-->
<!--可选属性 align:表示水平对齐方式left:左对齐 right:右对齐 center:居中-->
<!--空格的写法:  换行标签: br（没有结束）-->
<p align=""> AB
<br>C
</p>
</body><!--网页主体的结束-->
</html><!--网页文档的结束-->