HTML基本语法
- HTML标签是由尖括号包围的关键字,例如
<html>
- HTML标签通常是成对出现的,例如
<html></html>
,我们称为双标签。第一个是开始标签,第二个是结束标签 - 有些特殊的标签必须是单个标签(极少情况)。例如
<br />
我们称为单标签
1.1第一个HTML
每个网页都会有一个基本的结构标签(也称骨架标签),页面内容也是在这些基础标签上书写。
HTML文档的后缀名必须是**.html或者.htm**。
浏览器的作用是读取HTML文档,并以网页的形式显示它们。此时浏览器打开这个网页,就能预览我们写的第一个HTML文件。
1.2基本结构标签总结
网页开发工具
2.1 文档类型声明标签
文档类型声明,作用就是告诉浏览器使用哪种HTML版本来显示网页。<!DOCTYPE html>
这句话的意思是:当前页面采取的是HTML5版本来显示网页
注意:
<!DOCTYPE>
声明位于文档中最前面的位置,处于标签之前<!DOCTYPE>
不是一个html标签,就是文档类型声明标签。
2.2 lang语言种类
用来定义当前文档显示的语言。
- en 定义语言为英语
- zh-CN 定义语言为中文
简单来说,定义 en就是英文网页,定义 zh-CN 就是中文网页
其实对于文档显示来说,定义en的文档也可以显示中文,定义 zh-CN的文档也可以显示英文。
2.3 字符集
字符集(Character set)是多个字符的集合。以便计算机能够识别和存储各种文字。
在<head>
标签内,可以通过<meta>
标签的charset属性来规定HTML文档应该使用哪种字符编码。
<meta charset="UTF-8"/>
charset常用的值有:GB2312、GBK和UTF-8,其中UTF-8也被称作万国码,基本包含了全世界国家需要用到的字符。
注意:
上面语法是必须要写的代码,否则可能引起乱码的情况。一般情况下,使用统一"UTF-8"编码,尽量统一写成标准的"UTF-8",不要写成“utf8”或者“UTF8”
总结
- 以上三个代码vscode自动生成,基本不需要我们重写
<!DOCTYPE html>
文档类型声明标签,告诉浏览器这个页面采取的是HTML5版本来显示页面<html lang="en">
告诉浏览器或者搜索引擎这是一个英文网站,本页面采取英文来显示<meta charset="UTF-8" />
必须写,采取UTF-8来保存文字。如果不写就会出现乱码
如果觉得本文写的不错,顺手点个赞感谢老铁!