1.网页基本结构
<!--ctrl+/为注释的快捷键-->
<!--DOCTYPE:告诉浏览器使用什么规范-->
<!DOCTYPE html>
<html lang="en">
<!--head:表示网页头部-->
<head>
<!--meta:描述网页的基本信息-->
<meta charset="UTF-8">
<!--title:表示网页标题-->
<title>hello world!</title>
</head>
<!--body:表示网页主体-->
<body>
hello world!
<!--网页头部-->
<header></header>
<!--网页主体-->
<section></section>
<!--网页脚部-->
<footer></footer>
</body>
</html>
2.基本标签
<1>标题便签
<h1></h1><!--一级标题-->
<h2></h2><!--二级标题-->
<h3></h3><!--三级标题-->
<h4></h4><!--四级标题-->
<h5></h5><!--五级标题-->
<h6></h6><!--六级标题-->
<2>段落便签
<p></p>
<3>水平线标签
<hr/>
<4>粗体
<strong></strong>
<5>斜体
<em></em>
3.图像标签
<!--src表示图片路径,alt表示图片文件加载失败时显示的文字,,title表示鼠标悬停时文字-->
<img src="" alt="" title="">
4.链接标签
<!--href:网页链接target:在哪里打开-->
<a href="" target=""></a>
<!--锚链接-->
<a name="top">顶部</a>
<a href="#top">回到顶部</a>
<!--功能性链接-->
<a href="mailto:">联系我</a>
5.列表
<!--行前有序号-->
<ol>
<li>第一种</li>
</ol>
<!-行前有点-->
<ul>
<li>第二种</li>
</ul>
<!--行前无符号-->
<dl>
<dt>第三种</dt>
</dl>
显示效果为: