第一个页面搭建
Emmet插件: 制动生成代码片段
注释
Ctrl + shift + A
Ctrl + ? // 不能使用 要查查
<!-- 超链接 -->
元素
其他叫法: 标签、 标记
<a href="http://www.baidu.com">百度百度</a>
<title>Document</title>
整体: element (元素)
元素 = 起始标记(begin tag) + 结束标记(end tag) + 元素内容 (可以为内容图片、文字、等等 一般为要显示的内容) + 元素属性
属性 = 属性名 + 属性值
属性的分类:
- 局部属性: 某些元素特有的属性 例如 href 这个属性
- 全局属性: 所以元素通用 例如 title 这个属性
有的元素可是属性 名字是同样的 例如 title
不同的元素有不同的功能
<meta charset="UTF-8">
有些元素没有结束标记,这样的元素叫做: 空元素
空元素的两种写法:
<meta charset="UTF-8">
<meta charset="UTF-8" />
元素的嵌套
元素不能相互嵌套
父元素、子元素、 祖先元素、后代元素、兄弟元素(拥有同一个父元素的两个元素)。
标准的文档结构
HTML文档, HTML: 页面
<!DOCTYPE html>
文档声明,告诉浏览器,当前是使用的HTML标准是HTML5。
表示的文档类型 html 是最新的html 标准
不写文档声明,将导致浏览器进入怪异渲染模式。
<html lang="en">
</html>
根元素,一个页面最多只能一个,并且该元素是所有元素的父元素或祖先元素。
HTML5版本中没有强制要求书写该元素
lang属性language 是全局属性,表示该元素内容是使用哪一种自然语言书写而成的。
整个网页写的是英文 或者 某一元素是中文
(会触发翻译和语音阅读的一些行为)
en 英文
zh-CN 中文 过时了
cmn-hans 标准的
head 和 body 都得作为 html的子元素出现
额外信息 附加信息
脑袋想的东西 不会显示出来的
<head>
</head>
文档头,文档头部的内容,不会显示到页面上。
<meta>
文档的元数据: 附加信息。
计算机中,低电压(0~2 V) 0, 高电压(2~5 V) 1, 表示2,使用10 不是十
计算机中只能存储0 1 代码数字
文字和数字进行对应
比如: a ——97, A对应65;
该字典叫做 字符编码表, 中国编码是GB2312,
charset: 指定网页内容编码。
网页中代码或 文字 使用的是什么编码表 台湾是 GBK;
李 —— GB1312 1000 —— GBK —— ??
UTG-8 是 Unicode 是一个版本
万国码
<meta name="viewport" content="width=device-width, initial-scale=1.0">
解决手机端适配问题
<meta http-equiv="X-UA-Compatible" content="IE=edge">
解决IE 的问题的 你是IE浏览器 使用的的时候建议你使用edge这个内核
<title>Document</title>
网页标题
<body>
</body>
文档体, 页面所有要参与显示的元素,都应该放置到文档体中。