范仁义html+css课程---1、html基本结构
一、总结
一句话总结：
html标签中包含head标签和body标签，head标签里面主要写用户不可见的内容，比如字符集编码，body标签里面主要写用户可见的内容
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> </body> </html>
1、html及html5是什么？
html：超文本标记语言：HyperText Markup Language
超文本：超是超链接的意思，比起普通文本，里面能链接别的网页，链接图片等等
标记语言：用标签标记的语言
html5：html5就是html的一个最新版本
2、webstorm调显示字体的大小？
File->Settings->Appearance&Behavior->Editor->Font
3、html中的标签是什么？
<标签>内容</标签>，比如<div>内容</div>
单标签（自结束标签）：由一个标签组成。例如<meta charset="utf-8">
双标签：由“开始标签”和“结束标签”两部分构成。例如<p></p>
<p>是开始标签，表示一个段落的开始。
</p>是结束标签，表示一个段落的结束
双标签就是开始标签和结束标签里面需要写内容的标签，单标签没有这个必要，所以就是单标签
设计者在设计这些东西的时候也是根据需求，设计师设计这个东西也是要相对合理的，所以我们用正常的需求去想就知道这是什么意思了
4、html中说的的元素时什么意思（比如html元素）？
元素就是标签，一个意思
5、html中的注释？
<!-- 注释内容 -->，可折行
6、html5文件中最开始的那句<!DOCTYPE html>是什么意思？
告诉浏览器这个文档是html5文档，让浏览器以html5的方式解析这个文档
7、html中的<html></html>标签是什么意思？
html标签是HTML页面的根元素（标签），其它的所有标签都要写在html标签之中
8、html中的<head></head>标签是什么意思？
head标签提供有关文档内容和标注的信息，head标签里面一般是对用户不可见的内容
如 <meta charset="utf-8"> 定义网页编码格式为 utf-8
9、head标签里面的title标签是什么意思？
title标签就是文档的标题
10、html中的<body></body>标签是什么意思？
<body>元素中包含了可见的页面内容，页面中的主要内容都写在这
11、html文件的后缀？
html或者htm
二、相关资料
课程对应的视频地址：1、html基本结构
https://www.fanrenyi.com/video/2/6
1、html及html5是什么
html：超文本标记语言：HyperText Markup Language
超文本：超是超链接的意思，比起普通文本，里面能链接别的网页，链接图片等等
标记语言：用标签标记的语言
html5：html5就是html4后的一个版本
2、HTML5的新特性
1.用于绘画的 canvas 元素
2.用于媒介回放的 video 和 audio 元素
3.对本地离线存储的更好的支持
4.新的语义化标签，比如 article、footer、header、nav、section
5.新的表单控件，比如 calendar、date、time、email、url、search
3、html基础结构
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head> <body> <h1>我的第一个标题</h1> <p>我的第一个段落。</p> </body> </html>
<!DOCTYPE html> 声明为 HTML5 文档
<html> 元素是 HTML 页面的根元素
<head> 元素包含了文档的元（meta）数据，如 <meta charset="utf-8"> 定义网页编码格式为 utf-8。
<title> 元素描述了文档的标题
<body> 元素包含了可见的页面内容
<h1> 元素定义一个大标题
<p> 元素定义一个段落
<meta charset="utf-8"> 中就是告诉浏览器以utf-8的编码方式解析本文档
4、html注释
<!-- 注释内容 -->
可折行
比如：
<!-- 注释内容
第二行注释内容
-->
5、html4的文档声明中的一种
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
6、windows系统早期扩展名是三个字符
参考：文件扩展名_百度百科
https://baike.baidu.com/item/%E6%96%87%E4%BB%B6%E6%89%A9%E5%B1%95%E5%90%8D/1270230?fr=aladdin
DOS作业系统（包括Windows 3.x）把文件扩展名限制在3个字符以内。个人电脑（PC）自微软推出Windows95开始，在其他Windows操作系统上，无论是16/32 比特的Windows 95、Windows 98、Windows ME还是32位的Windows NT、Windows 2000、Windows XP、Windows 2003和Windows Vista、Windows 7的FAT32文件系统中包含有一个界面水平的修正，使得文件扩展名的字数可以达到256个英文字符（长文件名），但是在系统层面，仍然保留3个字母的命名方式，这对很多用户来说都是不可见的。NTFS文件系统则没有这种限制。 [2]
7、GBK编码
一种汉字的编码方式
GBK编码范围：8140－FEFE，汉字编码范围见第二节：码位分配及顺序。
GBK编码，是对GB2312编码的扩展，因此完全兼容GB2312-80标准。GBK编码依然采用双字节编码方案，其编码范围：8140－FEFE，剔除xx7F码位，共23940个码位。共收录汉字和图形符号21886个，其中汉字（包括部首和构件）21003个，图形符号883个。GBK编码支持国际标准ISO/IEC10646-1和国家标准GB13000-1中的全部中日韩汉字，并包含了BIG5编码中的所有汉字。GBK编码方案于1995年12月15日正式发布，这一版的GBK规范为1.0版。
一、字汇
GBK 规范收录了 ISO 10646.1 中的全部 CJK 汉字和符号，并有所补充。具体包括：
1. GB 2312 中的全部汉字、非汉字符号。
2. GB 13000.1 中的其他 CJK 汉字。以上合计 20902 个 GB 化汉字。
3. 《简化字总表》中未收入 GB 13000.1 的 52 个汉字。
4. 《康熙字典》及《辞海》中未收入 GB 13000.1 的 28 个部首及重要构件。
5. 13 个汉字结构符。
6. BIG-5 中未被 GB 2312 收入、但存在于 GB 13000.1 中的 139 个图形符号。
7. GB 12345 增补的 6 个拼音符号。
8. 汉字“〇”。
9. GB 12345 增补的 19 个竖排标点符号（GB 12345 较 GB 2312 增补竖排标点符号 29 个，其中 10 个未被 GB 13000.1 收入，故 GBK 亦不收）。
10. 从 GB 13000.1 的 CJK 兼容区挑选出的 21 个汉字。
11. GB 13000.1 收入的 31 个 IBM OS/2 专用符号。
12.未录入《新华字典》上的一些字，如“韡”的简体。
三、课程演示代码
1 <!DOCTYPE html> <!--告诉浏览器这是html5文件--> 2 <html lang="zh"> <!--html元素是根标签--> 3 <head> <!--提供一些有关文档和标注的信息，里面的内容一般是对用户不可见的--> 4 <meta charset="UTF-8"> <!--告诉浏览器以utf-8的方式解析这个html文档--> 5 <title>html基本结构</title> <!--文档的标题，告诉浏览器和搜索引擎这个文档大致是做什么的--> 6 </head> 7 <body> <!--网页的主体，里面的内容用户可以看到--> 8 <div>html基本结构</div> 9 <!-- 10 注释可折行 11 这是注释折行的第二行 12 --> 13 </body> 14 </html>