Dotcpp  >  编程教程  >  HTML简介  >  初步认识网站和HTML

初步认识网站和HTML

点击打开在线编译器,边学边练

(一)网站到底是什么?

网站其实是由一个一个网页构成的,要想理解网站是什么,首先要理解网页是什么?


(二)网页到底是什么?

(1)网页其实就是服务器上的一个文件,当我们浏览网页时,这个文件会被下载到我们本地的电脑,然后再由浏览器解析,渲染出各种漂亮的界面,比如表格、图片、标题、列表等。

(2)网页文件的后缀有很多种,比如.html,.php,.jsp,.asp等,相信大家在浏览器的地址中都见到过.

(3)但是不管网页的后缀是什么,它的本质都是一样的,就是由 HTML 代码构成的纯文本文件。

(4)我们可以使用记事本,Notepad++、Sublime Text等等来进行编写代码.


(三)了解过网页以后我们回过头来看看什么是网站?

(1)网站可以认为是放在服务器上的一个文件夹,它包含了很多网页文件以及很多子文件夹。

(2)用户访问网站就是读取文件的内容,用户分享数据就是修改文件的内容,或者删除现有的文件,或者创建一个新的文件。


(四)HTML编译器的下载

现如今运用最多的编写软件是Visual Studio Code,以后的代码也是在Visual Studio Code中进行编写.


(五)什么是HTML?

HTML是用来描述网页的一种语言。HTML 是一种在 Web 上使用的通用标记语言。HTML 允许你格式化文本,添加图片,创建链接、输入表单、框架和表格等等,并可将之存为文本文件,浏览器即可读取和显示。

(1)HTML指的是超文本标记语言: HyperText Markup Language

(2)HTML不是一种编程语言,而是一种标记语言

(3)标记语言是一套标记标签 (markup tag)

(4)HTML使用标记标签来描述网页

(5)HTML文档包含了HTML 标签及文本内容

(6)HTML文档也叫做 web 页面


(六)HTML标签

(1)HTML标记标签通常被称为 HTML 标签

(2)HTML标签是由尖括号包围的关键词<标签>

(3)HTML标签通常是成对出现的<标签>内容</标签>

(4)标签对中的第一个标签是开始标签,第二个标签是结束标签

(5)开始和结束标签也被称为开放标签和闭合标签


(七)HTML元素

(1)HTML标签和HTML元素通常都是描述的相同的意思

(2)但是严格来说,一个 HTML元素包含了开始标签与结束标签


(八)Web浏览器

(1)Web 浏览器(如谷歌浏览器、Internet Explorer、Firefox 和 Safari)是用于读取 HTML 文件,并将其作为网页显示。

(2)Web 浏览器不会直接显示 HTML 标签,而是通过使用标签来决定如何向用户展现 HTML 页面的内容


(九)HTML实例

接下来我们通过一个简单的HTML实例来了解一下HTML的结构

注:进入Visual Studio Code以后,新建文件后缀改为.HTML,输入!后按下回车即可创建基本框架.

HTML实例如下:

<!DOCTYPE html>
<html>
<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>


本文固定URL:https://www.dotcpp.com/course/1092

下一课:

什么是网页?

C语言网提供由在职研发工程师或ACM蓝桥杯竞赛优秀选手录制的视频教程,并配有习题和答疑,点击了解:

一点编程也不会写的:零基础C语言学练课程

解决困扰你多年的C语言疑难杂症特性的C语言进阶课程

从零到写出一个爬虫的Python编程课程

只会语法写不出代码?手把手带你写100个编程真题的编程百练课程

信息学奥赛或C++选手的 必学C++课程

蓝桥杯ACM、信息学奥赛的必学课程:算法竞赛课入门课程

手把手讲解近五年真题的蓝桥杯辅导课程

Dotcpp在线编译      (登录可减少运行等待时间)