网页的基本格式
<!-- 文档声明,声明当前网页的版本 -->
<!doctype html>
<!-- html的根标签(元素),网页中的所有内容都要写根元素的里边 -->
<html>
<!-- head是网页的头部,head中的内容不会在网页中直接出现,主要用来帮助浏览器或搜索引擎来解析网页 -->
<head>
<!-- meta标签用来设置网页的元数据,这里meta用来设置网页的字符集,避免乱码问题 -->
<meta charset="utf-8">
<!-- title中的内容会显示在浏览器的标题栏,搜索引擎会主要根据title中的内容来判断网页的主要内容 -->
<title>网页的标题</title>
</head>
<!-- body是html的子元素,表示网页的主体,网页中所有的可见内容都应该写在body里 -->
<body>
<!-- h1网页的一级标题 -->
<h1>网页的大标题</h1>
</body>
</html>
网页都是有一个一个的标签组成的:
标签分类:
双标签
<!-- 例--> <div> 这是双标签 </div> <span> 这是双标签 </span>
单标签
<!--例--> <img src=""> 这是单标签 <input>或者<input />
元素分类
块元素
块元素在页面显示中独自占一行
<!--例--> <div> 典型的块元素 </div>
行内元素
行内元素在页面显示中不独自占一行
<!--例--> <span> 典型的行内元素 </span>