chanong 1. HTML节点
Node是我们网页最基本的组件。 网页的每个部分都可以称为一个节点。 例如：html元素、属性、文本、注释、整个文档等都是一个节点。
(1) 节点类型
按尺寸关系分类如下：
节点最终映射为js对象，程序员操作这些对象来改变网页属性和行为。 不同类型的节点有不同的属性和方法。 节点比较抽象，所以要注意深入理解。
2.HTML标签
HTML标签（tag或label）也称为标签（tag），它由一对尖括号和标签名称组成。 标签分为两种类型：“开始标签”和“结束标签”。 两者的标签名相同，只是结束标签多了一个正斜杠“/”。 所以标签是尖括号+标签名称，不包括开始和结束标签包裹的内容。
如下所示，
是起始标签，
是结束标签，“p”是标签名，是英文“()”的缩写。标签名不区分大小写，如
……
和
……
效果是一样的。 但是，HTML 规范建议使用小写字母作为标签。
3. HTML 元素
HTML文档由各种HTML元素组成，例如html元素（HTML文档根元素）、head（HTML标题）元素、body（HTML正文）元素、title（HTML标题）元素和p（段落）元素等。元素用尖括号“”组成的标签来表示。一般来说，“开始标签”表示元素的开始，“结束标签”表示元素的结束，所以元素就是开始结束标签+标签中包含的内容
HTML 元素分为两种类型：“有内容的元素”和“空元素”。 “有内容的元素”由开始标签、结束标签以及两者之间的元素内容组成。 元素内容可以是网页上需要显示的文本内容，也可以是其他元素。
例如，在上面的例子中，开始标签
带结束标签
元素内容为“这是一个段落”； 开始标签和结束标签</head>之间的元素内容是另一个元素“title”。 “空元素”只有开始标签，没有结束标签，也没有元素内容。 例如，上例中的元素是一个空元素，代表一条水平线。
HTML 元素还可以分为“块元素”和“行元素”。 网页上“块元素”的效果是该元素的内容在其前后元素的内容中另起一行。 如下图所示，“p”是一个块元素，浏览器会使用单独的一行来显示该块元素。 “行元素”在网页上的显示效果是该元素的前后元素内容都显示在一行上。
如下图所示，和都是行元素，浏览器会将它们的内容放在一行显示。
(1) HTML元素属性
HTML 元素属性提供 HTML 元素的描述和控制信息。 借助元素属性，HTML网页可以显示丰富、多彩且格式精美的内容。 例如，如果要将“p”元素中的文本内容的颜色设置为红色，字体大小设置为30像素，则需要使用HTML元素属性。
如下图，在“p”元素的开始标签中
如果在尖括号内添加style="color:#;font-size:30px"，则浏览器将按照设置的效果显示内容。
像 style="color:#;font-size:30px" 这样的内容是 HTML 元素的属性。 HTML 元素的属性放置在元素的开始标记中。 属性分为属性名和属性值。 在上面的例子中，style是属性名（style是CSS属性名），属性值为“color:#;font-size:30px”。
在 HTML 元素上设置属性的语法是：
其中 是元素的名称。 属性内容放在“[{}]”中，表示该属性是可选的，并且允许多个属性。 name 是属性的名称，value 是属性的值。 例如，要设置网页的背景颜色，请将属性“”添加到“body”元素。
如下所示：
(2) HTML元素的嵌套
除了 HTML 文档元素“html”之外，所有其他 HTML 元素都嵌套在另一个元素中。
在上面所示的 HTML 文档中，“html”是最外层的元素，也称为根元素。 元素“head”和“body”嵌套在元素“html”内。 元素“body”嵌套在元素“h1”、元素“hr”和元素“p”内。 HTML 中的元素可以多层嵌套，但不能相互重叠。
下面错误的写法是元素“p”的起始标签
位于元素“b”之外，但其结束标记
但它被放置在元素“b”内。
为了防止HTML元素的错误嵌套，在编写HTML文档时，建议先编写一对外层标签，然后逐渐向内编写。 这样就不会轻易忘记写HTML元素的结束标签，而且还可以减少HTML元素的数量。 嵌套错误。
编写 HTML 文档的一般顺序如下：
第一步：
<html>
html>
第二步：
<html>
<head>
head>
<body>
body>
html>
第三步：
<html>
<head>
<title>我的第一个网页title>
head>
<body>
body>
html>
微信扫一扫打赏
支付宝扫一扫打赏
