范仁义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.未录入《新华字典》上的一些字，如“韡”的简体。

三、课程演示代码

 <!DOCTYPE html> <!--告诉浏览器这是html5文件-->

 <html lang="zh"> <!--html元素是根标签-->

 <head> <!--提供一些有关文档和标注的信息，里面的内容一般是对用户不可见的-->

     <meta charset="UTF-8"> <!--告诉浏览器以utf-8的方式解析这个html文档-->

     <title>html基本结构</title> <!--文档的标题，告诉浏览器和搜索引擎这个文档大致是做什么的-->

 </head>

 <body> <!--网页的主体，里面的内容用户可以看到-->

     <div>html基本结构</div>

 <!--

 注释可折行

 这是注释折行的第二行

 -->

 </body>

 </html>