目录
认识HTML
HTML(Hyper Text Markup Language)：HTML的全称为超文本标记语言，是一种标记语言。用来定义网页结构。它包括一系列标签，通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。
超文本标记语言 ( HTML ) 是用来构建你的网页内容并将其语义化的代码。举例来说， 我的内容是一些段落还是带点的列表？我的网页上有插入图片吗？有数据表格吗？
HTML 可复杂、可简单，一切取决于开发者。它由一系列的元素（elements）组成，这些元素可以用来包围不同部分的内容，使其以某种方式呈现或者工作。 一对标签（ tags）可以为一段文字或者一张图片添加超链接，将文字设置为斜体，改变字号，等等。
1.HTML 不是一门编程语言，而是一种用来告知浏览器如何组织页面的标记语言（一种用于创建网页的标准标记语言）。
2.可以使用 HTML 来建立自己的 WEB 站点，HTML 运行在浏览器上，由浏览器来解析。
元素(Element)
从简单的HTML语句认识元素。
<p>我爱我的祖国</p>
·开始标签：也称为起始标签（opening tag）。包含元素的名称（本例为 <p>），被左、右角括号所包围。表示元素从这里开始或者开始起作用。
·结束标签：也称为闭合标签（closing tag）。与开始标签相似，只是其在元素名之前包含了一个斜杠。这表示着元素的结尾（本例为 </p>）。
·元素的内容：是开始标签与结束标签之间的内容，本例中就是所输入的文本本身(“我爱我的祖国”)。
·开始标签、结束标签与内容相结合，便是一个完整的元素。
·某些 HTML 元素具有空内容（empty content）。
·大多数 HTML 元素可拥有属性。
·HTML对大小写不敏感，但强烈推荐使用小写标签。因为万维网联（W3C）在 HTML 4 中推荐使用小写，而在未来 (X)HTML 版本中强制使用小写。
空元素(Empty Element)
·空元素：可以没有元素内容和结束标签的元素，在开始标签中进行关闭（以开始标签的结束而结束），通常用来在此元素所在位置插入/嵌入一些东西。例如：换行语句：<br>。元素 <img> 是用来在元素 <img> 所在位置插入一张指定的图片。<img src="图片地址源">
嵌套元素(Nesting Element)
可以把元素放到其它元素之中——这被称作嵌套。大多数 HTML 元素可以嵌套（HTML 元素可以包含其他 HTML 元素）。
HTML 文档由相互嵌套的 HTML 元素构成。
嵌套元素示例：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
</head>
</html>
上面这个例子包含了三个 HTML 元素。分别是<html lang="en">、<head><meta>。
块级(block)元素和内联(inline)元素
块级元素在页面中默认以块的形式展现。更多的是表示一类段落的语义。
内联元素不会导致文本换行。更多的表示一个词、一句话等语义。
块级元素：
<p>第一段</p>
<p>第二段</p>
内联元素：
<strong>第一句话</strong>
<strong>第二句话</strong>
网页显示为：
他们两的区别为：块级元素标签内默认实现了换行元素<br>，而内联元素标签内没有实现。
在这篇文章中提到的“块”和“内联”，不应该与 CSS 中的同名术语相混淆.
尽管他们默认是相关的，但改变CSS显示类型并不会改变元素的分类，也不会影响它可以包含和被包含于哪些元素。
防止这种混淆也是HTML5摒弃这些术语的原因之一。
属性(Attributes)
HTML中的元素拥有属性（attribute）；这些额外的属性值可以配置元素或者以各种方式来调整元素的行为，进而满足用户所需的标准。
属性是 HTML 元素提供的附加信息。
·HTML 元素可以设置属性
·属性可以在元素中添加附加信息，这些信息不会出现在实际的内容中。
·属性一般描述于开始标签
·属性总是以名称/值对（key = value）的形式出现，比如：name=“value”。
我们指定了两个属性，分别是id和class .id 这个属性，它的值是 pid，class 这个属性，它的值是 c1 和 c2。
属性示例：
<a href="http://baidu.com/">访问百度</a>
上面的例子中，链接<a>标签的属性是href的链接地址。
属性的构成
一个属性必须包含如下内容：
- 一个空格，在属性和元素名称之间。(如果已经有一个或多个属性，就与前一个属性之间有一个空格。)
- 属性名称，后面跟着一个等于号。
- 一个属性值，由一对引号“ ”引起来。
布尔属性
一些属性，本身可以没有值，这类属性被称为布尔属性。我们更多关心的是这个元素是否有这个属性。
一些内容属性（例如 required, readonly, disabled）是布尔值属性。如果一个布尔值属性存在，则其值是 true，如果不存在，其值是 false。
<input type="text" disabled>
<input type="text" disabled="true">
<input type="text" disabled="false">
<input type="text" disabled="随便写什么">
上述四种写法，其实效果是完全一样的。都是使得一个输入(input)禁止输入(disabled)。
HTML 属性mozilla官方文档参考
HTML 注释
HTML 的注释记号为：用<!-- 和 --> 包括起来， 比如：
<p>我在注释外！</p>
<!-- <p>我在注释内！</p> -->
HTML中的空白
无论你在HTML元素的内容中使用多少空格(包括空白字符，包括换行)，当渲染这些代码的时候，HTML解释器会将连续出现的空白字符减少为一个单独的空格符。
我们会在HTML元素的嵌套中使用那么多的空白是为了代码可读性。
文档结构(Document Structure）
一个HTML文件就称为一个文档。
解析下面这个文档：
<!DOCTYPE html>
<html lang="zh-hans">
<head>
<meta charset="UTF-8">
<title>我的第一个html练习</title>
</head>
<body>
<h1>这是我的第一个网页</h1>
<p>欢迎访问</p>
<img src="大头.jpg" alt="程序猿">
<a href="http://baidu.com/" target=_blank>访问百度</a>
<p>come</p>
<p>on</p>
<strong>come</strong>
<strong>on</strong>
<p>come<span>on</span></p>
<div>come</div>
<div>on</div>
</body>
</html>
<!DOCTYPE html>: 声明文档类型. 很久以前使用的，现在大家都统一使用这个，表示 HTML5 就可以。<html lang="zh-hans"></html>: 元素。这个元素包裹了整个完整的页面，是一个根元素。
·<html>是一个 HTML 文档的唯一根元素(Root Element)。虽然不遵守这个约定，大多数浏览器也可以识别，但我们还是希望大家遵循。
·lang="zh-hans": 属性表示这个页面是一个简体中文的内容，English的语言代码是en。<head></head>: 元素 . 这个元素是一个容器，它包含了所有你想包含在HTML页面中但不想在HTML页面中显示的内容。这些内容包括你想在搜索结果中出现的关键字和页面描述，CSS样式，字符集声明等等。<meta charset="utf-8">: 设置文档使用utf-8字符集编码。<title></title>: 设置页面标题，出现在浏览器标签上，当你标记/收藏页面时它可用来描述页面。<body></body>: 包含了你访问页面时所有显示在页面上的内容，文本，图片，音频，游戏等等。
文档树DOM(Document Object Model)
DOM（Document Object Model——文档对象模型）是载入到浏览器中的文档模型，以节点树的形式来表现文档，每个节点代表文档的构成部分（例如:页面元素、元素内容、字符串或注释等等）。
<!DOCTYPE html>
<html lang="zh-hans">
<head>
<meta charset="utf-8">
<title>我的第一个网页</title>
</head>
<body>
<h1>欢迎访问</h1>
<p>加油</p>
<p>冲啊</p>
<img src="大头.jpg">
</body>
</html>
上面的文档的文档树为：
551
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
