让前端飞Web前端之路Web 前端开发

Web之旅—— HTML5基础学习(4)

2017-08-30  本文已影响53人  葉糖糖
一、快速认识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>
二、名词解读
  1. 空元素:指开始标签和结束标签之内没有内容的元素。如:<p></p>
  2. 自闭合标签:指将成对出现的标签二合一且在末尾处添加斜杠(/)。如:<p/>
  3. 虚元素:指只能独自出现的元素。如<br/>和<hr/>
  4. 元素属性:指在开始标签或单个标签的上可以使用的特性。如:<p class="my_css">这是第一段文本</p>
  5. 外层结构:HTML文档的外层结构由两个元素确定: DOCTYPE和html。
  6. 元数据:指包含在head元素内部,向浏览器提供文档信息的元数据。
  7. 内容:指放在body标签中的内容。
  8. HTML5规范将元素分为三大类: 元数据元素(metadata element)、 流元素(flow element)和短语元素(phrasing element)。

PS:迫不及待想跟更多不谙世事的开发者一起玩耍的小伙伴,可以扫描二维码,加入程序人生q群。

qq群-程序人生
上一篇下一篇

猜你喜欢

热点阅读