-首先建立一个新文档
标题注意文档名后缀一定是 .html
之后在文档里输入如下html代码
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF_8">
<title>This a web of xaingqiangzeng</title>
</head>
<body>
<div id = "container">
<div class = "wrapper">
<h2 class = "title">HELLO WORLD</h2>
<p class = "text">I love You !</P>
</div>
</div>
</body>
</html>
从上面代码可以观察到
HTML包含head(头)和body(体)
head里面有 meta charset(类型) 以及title(标题)
body包含div标签id ,class(h2[二级标题], p [段落])
- 退出编辑,保存文档
- 鼠标单击文档,选择用浏览器的方式打开
- 弹出浏览器,在浏览器中单击鼠标右键,打开检查选项,会呈现如下的效果图片
其实我们会发现,其实我们所写出来的代码就在网页中,只不过是以另外的方式写出来的