整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

简要介绍HTML编程语言

TML语言,即超文本标记语言(HyperText Markup Language),是一种用于创建网页的标准标记语言。它通过使用标记(tag)来描述网页的结构和呈现方式,并且可以嵌入其他类型的内容,如图像、音频、视频等。

HTML语言是构建万维网的基石之一,它定义了网页的结构和布局。使用HTML语言,我们可以创建标题、段落、列表、链接、表格等各种元素,来展示和组织网页的内容。

在HTML中,标记以尖括号(< >)表示,一般成对出现,包围着要标记的内容。例如,要创建一个标题,我们可以使用<h1>标签将标题内容包裹起来,如下所示:

<h1>这是一个标题</h1>

除了基本的结构标记外,HTML还提供了许多其他的标记来增强网页的功能和样式。比如,我们可以使用<a>标签来创建链接,<img>标签来插入图像,<audio>和<video>标签来嵌入音频和视频等。同时,HTML也支持CSS(层叠样式表)来对网页进行样式化和布局。

使用HTML语言,我们可以轻松创建一个网页,并将其发布到互联网上。只需编写HTML代码,保存为一个以.html为后缀的文件,然后通过浏览器打开该文件,即可查看网页的效果。

HTML语言的简单易学使其成为许多人入门网页开发的首选。无论是个人网站、企业官网还是电子商务平台,HTML都是构建网页的基础。

总之,HTML语言是一种用于创建网页的标准标记语言,通过标记来描述网页的结构和呈现方式。它是构建万维网的基石,简单易学,适用于各种类型的网页开发。无论你是初学者还是专业开发人员,掌握HTML语言都是非常重要的。

TML 简介

HTML 实例

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head> <body> <h1>我的第一个标题</h1> <p>我的第一个段落。</p> </body> </html>


实例解析

  • <!DOCTYPE html> 声明为 HTML5 文档
  • <html> 元素是 HTML 页面的根元素
  • <head> 元素包含了文档的元(meta)数据,如 <meta charset="utf-8"> 定义网页编码格式为 utf-8
  • <title> 元素描述了文档的标题
  • <body> 元素包含了可见的页面内容
  • <h1> 元素定义一个大标题
  • <p> 元素定义一个段落

注:在浏览器的页面上使用键盘上的 F12 按键开启调试模式,就可以看到组成标签。



什么是HTML?

HTML 是用来描述网页的一种语言。

  • HTML 指的是超文本标记语言: HyperText Markup Language
  • HTML 不是一种编程语言,而是一种标记语言
  • 标记语言是一套标记标签 (markup tag)
  • HTML 使用标记标签来描述网页
  • HTML 文档包含了HTML 标签文本内容
  • HTML文档也叫做 web 页面

HTML 标签

HTML 标记标签通常被称为 HTML 标签 (HTML tag)。

  • HTML 标签是由尖括号包围的关键词,比如 <html>
  • HTML 标签通常是成对出现的,比如 <b> 和 </b>
  • 标签对中的第一个标签是开始标签,第二个标签是结束标签
  • 开始和结束标签也被称为开放标签和闭合标签



HTML 元素

"HTML 标签" 和 "HTML 元素" 通常都是描述同样的意思.

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


Web 浏览器

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

浏览器并不是直接显示的HTML标签,但可以使用标签来决定如何展现HTML页面的内容给用户:


HTML 网页结构

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

<html><head><title>页面标题</title></head><body><h1>这是一个标题</h1><p>这是一个段落。</p><p>这是另外一个段落。</p></body></html>


只有 <body> 区域 (白色部分) 才会在浏览器中显示。



HTML版本

从初期的网络诞生后,已经出现了许多HTML版本:

版本发布时间HTML1991HTML+1993HTML 2.01995HTML 3.21997HTML 4.011999XHTML 1.02000HTML52012XHTML52013



<!DOCTYPE> 声明

<!DOCTYPE>声明有助于浏览器中正确显示网页。

网络上有很多不同的文件,如果能够正确声明HTML的版本,浏览器就能正确显示网页内容。

doctype 声明是不区分大小写的,以下方式均可:

<!DOCTYPE html>
<!DOCTYPE HTML>
<!doctype html>
<!Doctype Html>


通用声明

HTML5

<!DOCTYPE html>

HTML 4.01

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

XHTML 1.0

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"



中文编码

目前在大部分浏览器中,直接输出中文会出现中文乱码的情况,这时候我们就需要在头部将字符声明为 UTF-8 或 GBK。

HTML 实例

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>页面标题</title> </head> <body> <h1>我的第一个标题</h1> <p>我的第一个段落。</p> </body> </html>

.它是一种计算机(PC)的超文本标记语言(Hyper Text Markup Language),缩写为HTML,HTML是一种标记语言(markup language),是制作网页所必备的语言,语法较为松散,不严格的web语言;标签可以不闭合,不区分大小写。

2.标记标签通常被称为HTML标签,标签由尖括号包围的关键字组成,通常都是成对出现的,有开始标签和结束标签,如<html></html>。

浏览器不会显示html标签(白话:浏览器只会显示标签里边的内容),而是使用标签来解释页面的内容。

比如这一行代码:<body>你好 </body>要放在<html></html>里边,网页只展示了你好 其他内容并没有展示。


代码


页面


以下资料均由自己的认知和资料整理所得:

1989年,欧洲物理量子实验室(CERN)的信息专家蒂姆·伯纳斯·李发明了超文本链接语言, 使用此语言能轻松地将一个文件中的文字或图形连到其它的文件中去,这就是HTML的前身。1991年,蒂姆伯·纳斯·李在CERN定义了HTML语言的第一个规范,之后成为W3C组织为专门在互联网上发布信息而设计的符号化语言规范。可以说,HTML(Hypertext Markup Language)是SGML的一个实例,它的DTD作为标准被固定下来。因此,HTML不能作为定义其它符号化语言的元语言。

  作为World Wide Web的一个组成部分,HTML语言发展很快,在短短的几年里,它已历经了HTML1.0、HTML2.0和HTML3.0、HTML4.0等多个版本,同时DHTML (动态)、VHTML(虚拟)、SHTML等也飞速发展起来。HTML以简单精练的语法、极易掌握的通用性与易学性,使Web网页可以亲近于每一个普通人,互联网因此得以普及发展以至今日辉煌。

但是,目前的HTML还不稳定,不同的浏览器会产生不同的显示效果。此外,由于HTML对超级链接支持不足,并缺乏空间立体描述,处理图形、图像、音频、视频等多媒体能力较弱,图文混排功能简单,不能表示多种媒体的同步关系等缺点,也影响HTML的大规模应用以及用于复杂的多媒体数据处理,一种语言各有各的优点和缺点。

人们常常赞美蒂姆·伯纳斯·李“与其他所有推动人类进程的发明不同,这是一件纯粹个人的劳动成果,万维网只属于蒂姆·伯纳斯·李一个人。”而这个心怀浪漫、献身科学的英国学者,却将只属于他一个人的发明,无偿献给了世界。