初识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>