网站其实是由一个一个网页构成的,要想理解网站是什么,首先要理解网页是什么?
(1)网页其实就是服务器上的一个文件,当我们浏览网页时,这个文件会被下载到我们本地的电脑,然后再由浏览器解析,渲染出各种漂亮的界面,比如表格、图片、标题、列表等。
(2)网页文件的后缀有很多种,比如.html,.php,.jsp,.asp等,相信大家在浏览器的地址中都见到过.
(3)但是不管网页的后缀是什么,它的本质都是一样的,就是由 HTML 代码构成的纯文本文件。
(4)我们可以使用记事本,Notepad++、Sublime Text等等来进行编写代码.
(1)网站可以认为是放在服务器上的一个文件夹,它包含了很多网页文件以及很多子文件夹。
(2)用户访问网站就是读取文件的内容,用户分享数据就是修改文件的内容,或者删除现有的文件,或者创建一个新的文件。
现如今运用最多的编写软件是Visual Studio Code,以后的代码也是在Visual Studio Code中进行编写.
HTML是用来描述网页的一种语言。HTML 是一种在 Web 上使用的通用标记语言。HTML 允许你格式化文本,添加图片,创建链接、输入表单、框架和表格等等,并可将之存为文本文件,浏览器即可读取和显示。
(1)HTML指的是超文本标记语言: HyperText Markup Language
(2)HTML不是一种编程语言,而是一种标记语言
(3)标记语言是一套标记标签 (markup tag)
(4)HTML使用标记标签来描述网页
(5)HTML文档包含了HTML 标签及文本内容
(6)HTML文档也叫做 web 页面
(1)HTML标记标签通常被称为 HTML 标签
(2)HTML标签是由尖括号包围的关键词<标签>
(3)HTML标签通常是成对出现的<标签>内容</标签>
(4)标签对中的第一个标签是开始标签,第二个标签是结束标签
(5)开始和结束标签也被称为开放标签和闭合标签
(1)HTML标签和HTML元素通常都是描述的相同的意思
(2)但是严格来说,一个 HTML元素包含了开始标签与结束标签
(1)Web 浏览器(如谷歌浏览器、Internet Explorer、Firefox 和 Safari)是用于读取 HTML 文件,并将其作为网页显示。
(2)Web 浏览器不会直接显示 HTML 标签,而是通过使用标签来决定如何向用户展现 HTML 页面的内容
接下来我们通过一个简单的HTML实例来了解一下HTML的结构
注:进入Visual Studio Code以后,新建文件后缀改为.HTML,输入!后按下回车即可创建基本框架.
HTML实例如下:
<!DOCTYPEhtml><html><head><metacharset=UTF-8><metaname=viewportcontent=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>