HTML语言是一种文本类、依靠解释的方式执行的标记语言,它是Internet上用于编写网页的主要语言。用HTML编写的超文本文件称之为HTML文件。

什么是万维网(WWW)

WWW(Web、W3,英文全称为World Wide Web),中文名字为万维网,环球网等,常简称为Web。是一种建立在Internet上的、全球性的、交互的、分布式的、多平台的信息资源网络。它采用HTML语言描述超文本(Hypertext)文件。超文本文件指的是含有链接关系和多媒体对象的文件。

注意:万维网并不等同互联网,万维网只是互联网所能提供的服务其中之一,是靠着互联网运行的一项服务。

万维网(WWW) 基本组成

WWW有3个基本组成部分,分别是URLHTTPHTML

  • URL(Universal Resource Locators,统一资源定位器)

  • HTTP(Hypertext Transfer Protocol,超文本传输协议)

  • HTML(Hypertext Markup Language,超文本标记语言)

网页、网页文件和网站的联系和区别

网页是网站的基本信息单位,是WWW的基本文档。它由文字、图片、声音、动画等多种媒体信息以及链接组成,是用HTML编写的,通过超链接实现与其他网页或网站的关联和跳转。

网页文件是用HTML编写的,可在WWW上传输,能被浏览器识别显示的文本文件。其扩展名是.htm和.html。

网站(Website)是使用HTML等工具制作的,存储在网站空间上用于展示特定内容相关网页的集合。网页的内容可体现网站的全部功能。通常把进入网站入口网页称为首页或主页(homepage),例如百度、腾讯、网易就是国内比较知名的大型网站。

常见网站空间:虚拟主机,虚拟空间,独立服务器,云主机,VPS。

HTML 标签

HTML 标记标签通常被称为HTML标签(HTML tag)。HTML标签分为单独标签和成对标签两种。

大多数HTML标签成对出现,它是由首标签尾标签组成的。首标签的格式为<元素名称>,尾标签的格式为</元素名称>。其语法格式为:

<元素名称>要控制的元素内容</元素名称>

单独标签的格式为<元素名称>,其作用是在相应的位置插入元素,例如<br>标签便是在该标签位置处插入一个换行符。

成对标签对包含在其中的文件部分发生作用,如<title>W3教程(www.w3run.com)</title>用于界定标题元素的范围,也就是说,<title></title>标签之间的内容W3教程(www.w3run.com)是此HTML文件的标题。

注意:在每个HTML标签中,不区分大小写,如<HTML>、<Html>和<html>,其结果都是一样的。

HTML 元素

当一组HTML标签中包含一段文字时,我们将这段文字和包含文字的HTML标签称之为一个元素。

下面是 HTML 元素说明图:

HTML 元素

在HTML语法中,每个HTML标签与文字所形成的元素内,还可以包含另一个元素。因此,可以把整个HTML文件看作一个大元素,其中包含了若干小元素。

在所有的HTML文件中,最外层的元素是由<html>标签建立的。

在每个HTML文件中,对外层元素是由<html>标签组成的。其中包含了两个主要子元素,分别是由<head>标签和<body>标签所建立的。

HTML 文件结构

<!DOCTYPE html>
<html>
<head>
<title>网页标题</title>
</head>
<body>
    网页正文
</body>
</html>
  • <!DOCTYPE html>声明为HTML5文档

  • <html>文件开始标签,是成对出现的。

  • <head>文件头部标签,它包含文件的标题、编码方式及URL等信息。

  • <title>文件标题标签,用于显示该网页的标题,嵌套在<head>标签中。

  • <body>文件主体标签,该标签是成对出现的。网页的主体内容写在<body>和</body>之间,而该标签包含在<html>标签中。

HTML 网页结构

下面是一个可视化的HTML页面结构:

HTML 网页结构