HTML基础

目录

纯文本和超文本区别

开发工具的使用

编辑器快捷键

HTML5骨架（上）

DTD

关于html的标签

字符集

---

纯文本和超文本区别

定义：纯文本只包含文字内容，不能包含文字以外的，例如图片、视频等

纯文本文件：文件内部只能书写纯文本，而且不能保存样式。最常见的.txt文件，还有.html,.css,.js

非纯文本文件：最常见的Word文档.doc，还有.ppt

区别：占用空间大小,格式保存

开发工具的使用

所有的纯文本编辑器都能编辑HTML文件：记事本、Editplus、notepad++等

市场上活跃度高的代码编辑器：sublime，Visual studio code（推荐），Webstrom，Hbuilder

注意：VScode 安装记得安装Chinese下载，转换为中文，插件用什么装什么就行

VScode常用必备插件：Elm Emmet、HTML CSS Support、HTML Snippets、Subline Text Keymap and Settings Importer

编辑器快捷键

HTML 骨架——html:5-->tab

快速生成元素——元素名-->tab

自动生成多个元素——div*5-->tab

生成h1-h6——h$*6-->tab

复制当前行文本——shift+alt+键盘上下箭头

删除当前行——ctrl+shift+k

选中多个光标——按住滚轮键不松手，向下拖拽鼠标（不是滚动滚轮）

在任意位置换行——按住ctrl+enter

放大或缩小文字——ctrl+键盘（+或者-）

HTML5骨架（上）

       

       

       

DTD

（Document Type Definition,文本类型定义）,必须出现在第一行，让浏览器知道是什么格式的文件

,表示警示标签

DOCTYPE表示文档类型，html就是HTML超文本标记语言

关于html的标签

整个网页必须被包裹，它里面有和两部分。

：网页的配置

：网页的正式内容，浏览器可视区域

标签有一个属性lang，是英文language语言的意思，表示整个网页的主题语言。

en表示英文，中文表示法有三种：zh，cn，zh-CN

需要注意的是，无论哪种语言，都是用英文开发！！！

字符集

几乎所有的配置都是写在meta标签中的，而meta就是“元”的意思，表示基本配置。

charset="UTF-8">

charset="gb2312">

charset="gbk">

charset是英语character set文字集合的意思。

在计算机中所有的字实际上都是按某种规律排列而成。

不同的字符集有不同的规律。

不同字符集中的字，在计算机内部表达不一样的：

字符集	字库是否全面	优缺点
UTF-8	这个字库涵盖了地球上所有国家、民族的语言文字。非常全，每年更新，它是一个国际化的字库	每个汉字占3个字节。所以如果你想网页快一点打开，不能使用UTF-8。 新华网的阿拉伯语频道、日语频道等都要使用UTF-8.
gb2312	gb是国标的意思，只有汉族的文字和少量其他符号。	每个汉字占2个字节。 几乎所有的门户网站，都是gb2312。
gbk	gbk是gb2312的略微增强版，文字稍微多了点， gbk也是只有汉语，只不过多了点怪异汉语字，比如“喆”。	每个汉字占2个字节。 几乎所有的门户网站，都是gbk。

（部分文本及图表来源于马士兵教育HTML相关课程）