HTML 是什么
HTML(Hyper Text Markup Language)是一种 超文本标记语言,超文本就是不仅仅是文本内容,还包含声音、图画、表格、链接等。
艰深来讲,HTML 就是一种语言,相似于汉语、英语、日语等,区别在于汉语、英语等是用于人与人之间的语言,而 HTML 是用于 人与浏览器 之间的语言。咱们要想让浏览器依照咱们的志愿来展现网页内容,就须要用 HTML 来通知浏览器网页中有什么内容等,然而具体长什么样子,有什么性能,还须要 CSS 和 JavaScript 来实现。
HTML 进行网页形容,就好比人骨骼、器官,但无具体长相,也无奈做出动作反馈。CSS 进行款式定义,就好比人的皮肤,描绘出人的具体妆容外貌。JavaScript 是一种脚本语言,好比是人的灵魂,使人能跑能动,可能做出反馈。
HTML 构造
介绍 HTML 的构造划分之前,先说一说 标签 ,HTML 是以标签的模式来体现整体构造和内容书写的,标签由尖括号突围的关键词,比方 \<html\>, 通常是成对呈现的,如 \<html\>…. \</html\>, 也有局部例外,如 \<br\>
上面看一下 HTML 的典型的网页构造划分
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Document</title>
</head>
<body>
这里是文档的主体... ...
</body>
</html>
- \<!DOCTYPE html\> 申明为 HTML 文档, 因为浏览器可能精通多种语言,因而这一语句就是通知浏览器,我上面的文档是 html 类型的,请用 html 的解析形式解析。注:doctype 并不是 HTML 标签,且不辨别大小写,即可写为 \<!doctype html\>。
- \<html\> 元素是 HTML 页面的根元素,这是一个成对的标签,即通知浏览器 \<html\> 是我的文档开始地位,\</html\> 为完结地位,两头全部都是 html 文档内容。
- \<head\> 元素蕴含了文档的元(meta)数据,如 <meta charset=”utf-8″> 定义网页编码格局为 utf-8。就是通知浏览器一些解析前的筹备数据。charset 是它的一个属性,它规定了 HTML 文档的字符时应用的 utf-8 编码。
- \<title\> 元素形容了文档的题目。就是整个网页的大题目!
- \<body\> 元素蕴含了可见的页面内容,网页中显示的所有内容都写在 body 标签中。
- \<h1\> 元素定义一个大题目。
- \<p\> 元素定义一个段落。
utf- 8 是一种可变长度字符编码,能够将其了解为 ASCII 码的进阶版,又称万国码,蕴含了包含汉字在内的多国语言常用字的编码。
补充
在应用 VScode 编写 HTML 文档时,输出一个 !
而后按 TAB 键或者回车 ENTER 键会主动补全 HTML 构造如下(<!– 此标签中为正文内容 –\>):
<!DOCTYPE html>
<html lang="en"> <!-- lang 是 <html> 标签的一个属性,表明文档的语言,其中”en“示意英语 -->
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- 上句是通知浏览器解析此文档是主动适应屏幕的宽度 -->
<title>Document</title>
</head>
<body>
</body>
</html>
[注] 自己也正在自学当中,文中如有了解不当或者谬误表述,欢送交换斧正。