HTML总结
1.定义：
是一种用于定义内容结构的超文本标记语言，用于创建网站。其实就是一种特殊的文档，构建了一个网页的基本骨架，是用来描述网页的一种语言。
2.HTML的基本组成
一个简单的网页组成如下：
<!Doctype html>
<html>
<head>
<title>重庆交通大学</title>
</head>
<body>
「重庆交通大学」
</body>
</html>
3.各种各样的零件
上面说的 html、head、title、body 被称之为 HTML 元素，也就是各种各样的零件、器官。HTML 的元素可以以称为区块 或 内联的方式进行显示
区块元素在浏览器显示时，通常会以新行来开始（和结束）。如：<h1>, <pre>, <ul>, <table>，<div> 等
内联元素相反，他们总是一个接一个进行显示，不会新起一行。如： <span>, <input>, <td>, <a>, <img>等。
除了 <br/> 、<hr/>、<img/>、<input/> 等少部分自闭合标签外，元素的开始标签和结束标签必须成对出现，例如：<html></html>。
这些元素可以互相嵌套，就相当于这个“人”的所有部位都是嵌套而成，要想长得好，先把架子搭好。
4.head 标签
<head> 标签被看做是网页的头。
TA 里面通常会有 title、meta、style、link、script 这几种标签，title 比较简单，就是在窗口处显示网页的名称。
meta 是比较重要的一个辅助标签，有点类似于个人档案，正常浏览我们是不会在网页中看到的
meta 标签常见形式：
// 定义页面的编码方式，国内通常都是用 UTF-8
<meta charset="UTF-8">
// 向搜索引擎说明网页的关键词
<meta name="keywords" content="我是玖柒后">
// 向搜索引擎说明站点的主要内容
<meta name="description" content="我是玖柒后">
// 表示页面的可见区域
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
// 说明主页制作所使用的文字以及语言
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
style 和 link 一样，都是在网页中引入 CSS 样式
// 引入外部的 css 文件
<link href="style.css">
// 直接在网页中定义
<style>
body {
color: red;
}
</style>
script 是引入 JavaScript 的方式，和 CSS 一样，可以引入，也可以直接在网页中定义，引入的话后缀名为 .js，但不管是引入还是直接定义都是用
// 引入外部 js 文件
<script src="index.js"></script>
// 直接定义
<script>
console.log("重庆交通大学");
</script>
5.其他标签
除了在 head 中的这些标签外，HTML 中还有很多其他标签，比如 div、span、img、table、list、form、a、p 等等。
这些标签可以用来展示文字、图片、表格、列表、表单等，它 们之间还可以相互嵌套，例如：
<a class="title"><img src="photo.jpg" /></a>
其中 a 标签是成对存在，所以是<a></a>
而 img 是自闭和标签，结尾用上 / 即可，不写也没多大事，只是更规范一点。class 是 CSS 选择器，src 表示引用的图片路径。
有些标签是自带样式的，上面那些标签可能看不出来，以 h1~h6 （表示标题）为例，h1~h6的大小是逐级递减的，这个可以看做是“天赋”，也就是说很多标签是具有「语义」的。
如果需要在网页中展示一首诗或一些特别格式的文本，那么需要使用pre标签。
6.H5 语义化标签
在 HTML5 当中新增了很多语义化的标签，例如：header、footer、nav、article、address 等等。
HTMl 标签语义化，简单来说，就是让标签有含义，就好比直接告诉你这是个什么器官、什么部位，而不用再去用其他标签拼凑。
给某块内容用上一个恰当合适的标签，能使页面有良好的结构，也更容易看懂这块的内容是什么，且利于搜索引擎收录。
在以后的页面设计中，慢慢地将使用语义化标签养成习惯，方便自己也方便他人。
2181
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
