初识HTML——网站和HTML
学海无涯，苦做舟，学习如同修行，只有潜心才可以领悟真谛。
今天我们就一起来学习HTML这个模块!
网站到底是什么?
网站其实是由一个一个网页构成的,要想理解网站是什么，首先要理解网页是什么?
网页到底是什么?
-
网页其实就是服务器上的一个文件,当我们浏览网页时，这个文件会被下载到我们本地的电脑，然后再由浏览器解析，渲染出各种漂亮的界面，比如表格、图片、标题、列表等。
-
网页文件的后缀有很多种,比如
.html,.php,.jsp,.asp等,相信大家在浏览器的地址中都见到过. -
但是不管网页的后缀是什么，它的本质都是一样的，就是由 HTML 代码构成的纯文本文件。
-
我们可以使用
记事本,Notepad++、Sublime Text等等来进行编写代码.
了解过网页以后我们回过头来看看什么是网站？
-
网站可以认为是放在服务器上的一个文件夹，它包含了很多网页文件以及很多子文件夹。
-
用户访问网站就是读取文件的内容，用户分享数据就是修改文件的内容，或者删除现有的文件，或者创建一个新的文件。
HTML编译器的下载
现如今运用最多的编写软件是Visual Studio Code,以后的代码也是在Visual Studio Code中进行编写.
Visual Studio Code的下载链接地址如下:
HTML是什么?
-
HTML是超文本标记语言(HyperText Markup Language)的简称
-
HTML不是一种编程语言,而是一种标记语言
-
标记语言是一套标记标签
-
HTML使用标记标签来描述网页
-
HTML文档包含了HTML标签以及文本内容
-
HTML文档也叫做Web页面
HTML标签
-
HTML标记标签通常被称为 HTML 标签
-
HTML标签是由尖括号包围的关键词
<标签> -
HTML标签通常是成对出现的
<标签>内容</标签> -
标签对中的第一个标签是开始标签，第二个标签是结束标签
-
开始和结束标签也被称为开放标签和闭合标签
HTML元素
-
HTML标签和HTML元素通常都是描述的相同的意思
-
但是严格来说,一个 HTML元素包含了开始标签与结束标签
Web浏览器
-
Web 浏览器（如谷歌浏览器、Internet Explorer、Firefox 和 Safari）是用于读取 HTML 文件，并将其作为网页显示。
-
Web 浏览器不会直接显示 HTML 标签，而是通过使用标签来决定如何向用户展现 HTML 页面的内容
HTML实例
接下来我们通过一个简单的HTML实例来了解一下HTML的结构
注:进入Visual Studio Code以后,新建文件后缀改为.HTML,输入!后按下回车即可创建基本框架.
HTML实例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>
实例解析
-
DOCTYPE是标准通用标记语言的文档类型声明，有助于在浏览器中正确地显示网页,doctype声明是不区分大小写的. -
<html>标签是 HTML 页面的根元素，该标签的结束标志为</html> -
<head>标签包含了文档的元数据 -
<meta charset="utf-8">定义网页编码格式为utf-8,可以解决在浏览器中出现中文乱码的现象。 -
<title>标签定义文档的标题 -
<body>标签定义文档的主体，即网页可见的页面内容，该标签的结束标志为</body>
976
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
