阮一峰老师的 HTML 教程
本文属于笔记性质,内容大部分出于上述教程,但会对内容进行组织,精简。
范围:一、二章节。
HTML 简介
HTML: 超文本标记语言(HyperText Markup Language),于 1990 年,由 Tim Berners-lee(李爵士)发明。 2014 年,HTML5 发布,目前广泛使用的版本就是 HTML5。
网页的基本骨架
<!-- <!DOCTYPE html> 会使浏览器按照 html5 的标准解析网页-->
<!DOCTYPE html>
<!-- lang 默认是 en 中文是 zh-CN -->
<html lang="en">
<!-- head 放置网页的元信息 不会出现在网页上 -->
<head>
<!-- meta 网页的元数据 utf-8 表示 编码方式 -->
<meta charset="utf-8" />
<!-- 网页标题 -->
<title>hello wrold</title>
</head>
<!-- 网页的主体 -->
<body></body>
</html>
网页的基本概念
-
标签
HTML 代码由许许多多的标签(tags)组成。<!-- title 标签 --> <title>网页标题</title>
标签可以嵌套,但要保证正确的闭合顺序
<!-- 正确 --> <div><p>hello wrold</p></div> <!-- 错误 --> <div><p>hello wrold</div></p>
-
元素
标签是从源码角度来看, 元素是从编程角度来看,它们本质上是同一种东西。浏览器渲染网页,会把源码解析成一个标签树,每一个标签就是一个节点(node),称为元素(element)。
元素主要分为两大类:块级元素(block)、行内元素(inline)。 -
属性
属性(attribute)是标签的额外信息, 因为