一、快速认识HTML结构
<!--声明文档内容为html-->
<!DOCTYPE html>
<!--设置语言为英文-->
<html lang="en">
<head>
<!--设置文档默认编码-->
<meta charset="UTF-8">
<!--网页的title-->
<title>系统首页</title>
<!--引入CSS样式表文件-->
<link rel="stylesheet" href="index.css">
<!--引入js文件-->
<script language="JavaScript" src="index.js"></script>
</head>
<body>
<p>这是一个简单的html5网页</p>
</body>
</html>
二、名词解读
- 空元素:指开始标签和结束标签之内没有内容的元素。如:
<p></p>
- 自闭合标签:指将成对出现的标签二合一且在末尾处添加斜杠(/)。如:
<p/>
- 虚元素:指只能独自出现的元素。如
<br/>和<hr/>
- 元素属性:指在开始标签或单个标签的上可以使用的特性。如:
<p class="my_css">这是第一段文本</p>
- 外层结构:HTML文档的外层结构由两个元素确定: DOCTYPE和html。
- 元数据:指包含在head元素内部,向浏览器提供文档信息的元数据。
- 内容:指放在body标签中的内容。
- HTML5规范将元素分为三大类: 元数据元素(metadata element)、 流元素(flow element)和短语元素(phrasing element)。
PS:迫不及待想跟更多不谙世事的开发者一起玩耍的小伙伴,可以扫描二维码,加入程序人生q群。