简介
什么是html？
html，全称 Hyper Text Markup Language，又称作超文本标记语言。
超文本: 就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。
标记语言: 标记（标签）构成的语言。
什么是标签
标签是由一对尖括号包裹的单词构成，标签的基本语法如下:
<标签符>文本内容</标签符>
1.开始标签（Opening tag）：包含元素的名称（本例为 p），被大于号、小于号所包围。表示元素从这里开始或者开始起作用 —— 在本例中即段落由此开始。
2.结束标签（Closing tag）：与开始标签相似，只是其在元素名之前包含了一个斜杠。这表示着元素的结尾 —— 在本例中即段落在此结束。初学者常常会犯忘记包含结束标签的错误，这可能会产生一些奇怪的结果。
3.内容（Content）：元素的内容，本例中就是所输入的文本本身。
4.元素（Element）：开始标签、结束标签与内容相结合，便是一个完整的元素。
html文档详解
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>
这里有：
- < !DOCTYPE html> — 文档类型。混沌初分，HTML 尚在襁褓（大约是 1991/92 年）之时，DOCTYPE 用来链接一些 HTML 编写守则，比如自动查错之类。DOCTYPE 在当今作用有限，仅用于保证文档正常读取。现在知道这些就足够了。
- < html>< /html> — < html> 元素。该元素包含整个页面的内容，也称作根元素。
- < head>< /head> — < head> 元素。该元素的内容对用户不可见，其中包含例如面向搜索引擎的搜索关键字（keywords）、页面描述、CSS 样式表和字符编码声明等。
- < meta charset=“utf-8”> — 该元素指定文档使用 UTF-8 字符编码 ，UTF-8 包括绝大多数人类已知语言的字符。基本上 UTF-8 可以处理任何文本内容，还可以避免以后出现某些问题，没有理由再选用其他编码。
- < title>< /title> — < title> 元素。该元素设置页面的标题，显示在浏览器标签页上，也作为收藏网页的描述文字。
- < body>< /body> — < body> 元素。该元素包含期望让用户在访问页面时看到的内容，包括文本、图像、视频、游戏、可播放的音轨或其他内容。
快级标签＆内联标签
块级标签：< p > < h1 > < table > < ol > < ul > < form > < div >
内联标签：< a > < input > < img> < sub> < sup> < textarea> < span>
block（块）元素的特点：
① 总是在新行上开始；
② 高度，行高以及外边距和内边距都可控制；
③ 宽度缺省是它的容器的100%，除非设定一个宽度。
④ 它可以容纳内联元素和其他块元素
inline（内联）元素的特点：
① 和其他元素都在一行上；
② 高，行高及外边距和内边距不可改变；
③ 宽度就是它的文字或图片的宽度，不可改变；
④ 内联元素只能容纳文本或者其他内联元素；
对行内元素，需要注意如下：
①设置宽度width 无效。
②设置高度height 无效，可以通过line-height来设置。
③ 设置margin 只有左右margin有效，上下无效。
④设置padding 只有左右padding有效，上下则无效。注意元素范围是增大了，但是对元素周围的内容是没影响的。
基本标签
< h1>~< h6> 标题标签。
< p>: 段落标签. 包裹的内容被换行.并且也上下内容之间有一行空白。
< b> < strong>: 加粗标签。
< strike>: 为文字加上一条中线。
< u>: 文字下方加下划线。
< em> < i>: 文字变成斜体。
< br>:换行。
< hr>:水平线。
< div>
< span>
特殊符号
在DIVCSS开发中难免需要输入特殊符号编码，而在网页中一般特殊符号需要特殊字符代码。
| 特殊符号 | 符号代码 |
|---|---|
| 空格 | & nbsp; |
| ” | " ; |
| & | & ; |
| © | © ; |
| ® | ® ; |
| ± | ± ; |
| × | × ; |
| ¥ | ¥ ; |
< a >超链接标签（锚链接）
链接非常重要 — 它们赋予 Web 网络属性。要植入一个链接，我们需要使用一个简单的元素 — < a> — a 是 “anchor” （锚）的缩写。
a标签重要属性有三个：href、target、name
| 属性 | 描述 |
|---|---|
| href | 超链接地址：可以是Web上任意资源，包括图片，网页，样式，脚本文件等。href="#"时，表示被链接页面就是当前页面。 |
| target | 文档打开时要显示的目标位置，属性值一般有：_blank（新窗口中打开）、_self（默认，在超链接所在的容器中打开）、_parent（在超链接的父容器中打开）、_top（整个容器中打开）、name（框架名称）。 |
| name | 文档打开时要显示的目标位置，属性值一般有：_blank（新窗口中打开）、_self（默认，在超链接所在的容器中打开）、_parent（在超链接的父容器中打开）、_top（整个容器中打开）、name（框架名称）。 |
格式如下：
< a href=“http://www.baidu.com//”>百度一下< /a>
< img>图片标签
行级标签，用来显示图片。重要属性有：src、title、alt、width、height、align。
| 属性 | 描述 |
|---|---|
| src | 图片地址。 |
| title | 鼠标悬浮在图片上的文字 |
| alt | 图片周围文字的垂直对齐情况。常用的属性值有：top（与图片的顶部对齐）、middle（与图片的中部对齐）、bottom（默认，与图片的底部对齐）。 |
| width | 图片的宽 |
| height | 图片的高 |
格式如下：
< img src=“images/4.png” alt=“测试图片”>
还有table标签和表单标签请听下回分解。。。
2678
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
