说明
网道HTML 教程学习笔记
1、概述
HTML 的全名是“超文本标记语言”（HyperText Markup Language）
HTML 是网页使用的语言，定义了网页的结构和内容。
2、网页的基本概念
2.1、标签
网页的 HTML 代码由许许多多不同的标签（tag）构成。
HTML 标签名是大小写不敏感，一般习惯都是使用小写。
2.2、元素
浏览器渲染网页时，会把 HTML 源码解析成一个标签树，每个标签都是树的一个节点（node）。这种节点就称为网页元素（element）。
2.3、块级元素，行内元素
块级元素默认占据一个独立的区域，在网页上会自动另起一行，占据 100% 的宽度。
行内元素默认与其他元素在同一行，不产生换行。
2.4、属性
属性（attribute）是标签的额外信息，使用空格与标签名和其他属性分隔。
属性名是大小写不敏感的
3、网页的基本标签
3.1、<!doctype>
网页的第一个标签通常是<!doctype>，表示文档类型，告诉浏览器如何解析网页。
有时，该标签采用完全大写的形式，以便区别于正常的 HTML 标签。因为<!doctype>本质上不是标签，更像一个处理指令。
3.2、<html>
标签是网页的顶层容器，即标签树结构的顶层节点，也称为根元素（root element），其他元素都是它的子元素。
一个网页只能有一个标签。
该标签的lang属性，表示网页内容默认的语言。
3.3、<head>
标签是一个容器标签，用于放置网页的元信息。
它的内容不会出现在网页上，而是为网页渲染提供额外信息。
如果网页不包含，浏览器会自动创建一个。
的子元素<meta>：设置网页的元数据。<link>：连接外部样式表。<title>：设置网页标题。<style>：放置内嵌的样式表。<script>：引入脚本。<noscript>：浏览器不支持脚本时，所要显示的内容。<base>：设置网页内部相对 URL 的计算基准。
3.4、<meta>
标签用于设置或说明网页的元数据，必须放在里面。
一个标签就是一项元数据，网页可以有多个。标签约定放在内容的最前面。
一般都可以放置以下两个标签。
- 第一个标签表示网页采用 UTF-8 格式编码
- 第二个标签表示网页在手机端可以自动缩放。
charset 属性: 用来指定网页的编码方式。
name属性表示元数据的名字，content属性表示元数据的值。它们合在一起使用，就可以为网页指定一项元数据。
http-equiv 属性，content 属性: http-equiv属性用来覆盖 HTTP 回应的头信息字段，content属性是对应的字段内容。
3.5、<title>
用于指定网页的标题，会显示在浏览器窗口的标题栏。
3.6、<body>
标签是一个容器标签，用于放置网页的主体内容。
浏览器显示的页面内容，都放置在它的内部。
4、空格和换行
HTML 语言有自己的空格处理规则。标签内容的头部和尾部的空格，一律忽略不计。
标签内容里面的多个连续空格（包含制表符\t），会被浏览器合并成一个。
浏览器还会将文本里面的换行符（\n）和回车符（\r），替换成空格。
5、注释
HTML 代码可以包含注释，浏览器会自动忽略注释。注释以 结尾
注释可以是多行的，并且内部的 HTML 都不再生效了。
扫一扫
2970
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
