使用HBuild写网页 ——– 多行注释快捷键:Ctrl+shift+/
<!DOCTYPE html><!--h5告诉浏览器这是一个HTML文档-->
<html>
head标签里面的内容
title--标题 在浏览器里面展现
<meta charset="utf-8" /> H5的标准
<meta http-equiv="content-type" content="text/html;text/html;text/html; charset=UTF-8" /> H4的标准
<head>
<title>head标签学习</title>
<meta charset="utf-8" />
<meta http-equiv="content-type" content="text/html;text/html;text/html; charset=UTF-8" />
<!--提供给搜索引擎使用的-->
<meta name="keywords" content="国科科技" />
<meta name="description" content="国科科技"/>
</head>
<body><!--
<h></h>块元素
<p></p>块元素
<hr></hr>块元素
行元素:<b></b>:加粗,<i></i>:斜体,<u></u>:下划线,<del></del>:中划线:划线去掉不需要的内容
-->
<h1></h1><!--h1:标题标签,会自动加黑加粗,从h1到h7加黑加粗程度依次递减-->
<hr width="330px" align="left"/><!--属性:加强标签的显示形式,width表示宽度,align:对齐方式-->
<p></p><!--段落标签, :空格标签,<br/>:换行,
权重标签(可以嵌套使用):<b></b>:加粗,<i></i>:斜体,<u></u>:下划线,<del></del>:中划线:划线去掉不需要的内容-->
<u>
<i>
</i>
</u>
<img src="" /><!--属性:src:图片位置 1.本地资源 2.网络资源
绝对路径:从盘符出发
相对路径:从本路径出发(用得最多)
width:如果单独使用,在不失真的情况下,自动缩小或放大
img:行内元素
-->
<!--列表标签:
1,有序列表:<ol><li></li></ol>
2.无序列表:<ul><li></li></ul>
3.自定义列表-->
<ol type="I"><!--<ol>属性:type后面可以控制显示的下标类型-->
<li></li>
<li></li>
<li></li>
<li></li>
</ol>
<h6>中国古典园林</h6>
<ul type="square"><!--<ul>属性:type后面可以控制显示的下标类型-->
<li>苏州园林</li>
<li>拙政园</li>
<li></li>
<li></li>
</ul>
<h6>自定义列表</h6>
<dl>
<dt>中国古典建筑</dt><!--dt:表示标题-->
<dd>紫禁城</dd><!--dd:表示内容-->
<dd>沈阳故宫</dd>
</dl>
<hr />
<!--超链接:1.标签:a
2.属性:href--指定跳转路径(1.本地页面 2.互联网)
target:__blank ,_top,_self,_parent
-->
<a href="http://www.xhu.edu.cn">西华大学</a>
<!--锚点
<a name="test"></a>
<a href="#test"></a>
回到顶部:<a href="#"></a>回到顶部
-->
</body>
</html>
其中需要注意块元素和行元素的区别,块元素会自动换行