HTML学习笔记（一）
根据视频整理的学习笔记，希望对大家有所帮助。
首先我们要开始了解以下代码的各部分具体含义。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>这是我的第一个网页</title>
</head>
<body>
<!-- 超链接 -->
<a href="https://www.baidu.com"title="有限公司">百度</a>
<h1 title="This is my first page">
第一个网页
</h1>
<img src="https://img3.doubanio.com/view/photo/s_ratio_poster/public/p480747492.webp" >
</body>
</html>
- Emmet插件：自动生成HTML代码片段（无需安装）
例如:!+tab键可自动生成格式
添加注释
注释为代码的阅读者提供帮助，注释不参与运行，快捷键CTRL＋？
在HTML中，注释格式为：
<!--注释内容-->
元素(element)
又称：标签，标记
<a href="https://www.baidu.com"title="有限公司">百度</a>
<title>Document</title>
元素 = 起始标记（begin tag） + 结束标记（end tag） + 元素内容 + 元素属性
如：以上元素内容:百度
元素属性为:href=“https://www.baidu.com”
属性 = 属性名 +属性值
属性的分类：
- 局部属性：某些元素特有的属性
- 全局属性：所有元素通用
<meta charset="UTF-8">
有些元素没有结束标记，如meta，这样的元素叫做：空元素
空元素的两种写法：
<meta charset="UTF-8"><meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
- 让当前viewport的宽度等于设备的宽度（详细了解可去另一位博主，相信你会有更深的了解）viewport的深入理解
元素的嵌套
-
元素不能相互嵌套
-
父元素，子元素，祖先元素，后代元素，兄弟元素（拥有同一个父元素的两个元素）
标准的文档结构
HTML:页面 ，HTML文档
<!DOCTYPE html>
文档声明，告诉浏览器，当前文档使用的HTML标准是HTML5.
不写文档声明，将导致浏览器进入怪异渲染模式。
<html lang="en">
</html>
根元素，一个页面最多只能一个，并且该元素是所有其他元素的父元素或祖先元素
HTML5版本中没有强制要求书写该元素
lang元素：language，全局属性，表示该元素内部使用的文字是使用哪一种自然语言书写而成的。
简体中文格式如下，两种皆可，推荐后一种
<html lang="zh-CN">
<html lang="cmn-hans">
head元素(文档头)，该内部的内容不会显示到页面上:
<head>
</head>
<meta charset="UTF-8">
-
meta:文档的元数据(附加信息)。
-
charset：指定网页内容编码。
计算机中，低压电（0~2 v) 0，高压电（2~5 v) 1，表示2，使用10(二进制)
计算机中，只能存储数字
文字和数字进行对应
比如：a —— 97，A —— 64
该字典叫做字符编码表，GB2312，GBK
假设：彭——GB2312——10000——GBK——？？
UTF-8 是 Unicode 编码的一个版本
<title>Document</title>
- 网页标题
<body>
</body>
- 文档体，页面上的所有要参与显示的元素，都应该放置到文档体中。
1677
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
