整合营销服务商

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

免费咨询热线:

HTML教程:什么是HTML?

么是HTML?

一,什么是html呢?

HTML英语:HyperText Markup Language,中文:超文本标记语言,是一种用于创建网页的标准标记语言。

HTML的全称为超文本标记语言,是一种标记语言。它包括一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。

超文本是一种组织信息的方式,它通过超级链接方法将文本中的文字、图表与其他信息媒体相关联。这些相互关联的信息媒体可能在同一文本中,也可能是其他文件,或是地理位置相距遥远的某台计算机上的文件。这种组织信息方式将分布在不同位置的信息资源用随机方式进行连接,为人们查找,检索信息提供方便。

HTML即平常上网所看到的的网页,HTML 命令可以说明文字、图形、动画、声音、表格、链接等。




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

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

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

HTML 使用标记标签来描述网页

HTML 文档包含了HTML 标签文本内容

HTML文档也叫做 web 页面





二,html文档基本结构

<!DOCTYPE html> 声明为 HTML5 文档

<html> 元素是 HTML 页面的根元素,所有html标签的一个根节点。

<head> 文档的头部,描述了文档的各种属性和信息,包括文档的标题,在web中的位置以及和其他文档的关系。

<meta charset="utf-8"> :对于中文网页需要使用 <meta charset="utf-8"> 声明编码,否则会出现乱码。

<title> 元素描述了文档的标题

<body> 元素包含了可见的页面内容,文档的主体,以后我们的页面内容基本上都是写到这个标签里面的(比如文本、超链接、图像、表格和列表)。


三,HTML版本

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


版本

发布时间

HTML

1991

HTML+

1993

HTML 2.0

1995

HTML 3.2

1997

HTML 4.01

1999

XHTML 1.0

2000

HTML5

2012

XHTML5

2013

文本标记语言(HTML)是用于在 Internet 上显示 Web 页面的主要标记语言。换句话说,网页由 HTML 组成,用于通过 Web 浏览器显示文本,图像或其他资源

使用标记来描述文档结构和表现形式并通过浏览器进行解析,然后把结果显示在网页上. 它是网页构成的基础,你见到的所有网页都离不开HTML,所以学习HTML是基础中的基础。


什么是HTML


HTML是用来制作网页的标记语言

HTML是Hypertext MarkupLanguage的英文缩写, 即超文本标记语言

HTML语言是一种标记语言,不需要编译,直接由浏 HTML语言是一种标记语言,不需要编译,直接由浏览器执行

HTML文件是一个文本文件,包含了一些HTML元素, HTML文件是一个文本文件,包含了一些HTML元素,标签等.

HTML文件必须使用html或htm为文件名后缀

HTML是大小写不敏感的,HTML与html是一样的


HtmlCSS的关系


学习web前端开发基础技术需要掌握:HTML、CSS、JavaScript语言。下面我们就来了解下这三门技术都是用来实现什么的:


1. HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。

2. CSS样式是表现(外观控制)。就像网页的外衣。比如,标题字体、颜色变化,或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。

3. JavaScript是用来实现网页上的特效效果。如:鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻(新闻图片)的轮换。可以这么理解,有动画的,有交互的一般都是用JavaScript来实现的。

HTML形象案例理解


为了简化对复杂Internet的理解,暂时把复杂的Internet抽象成:向女生宿舍发送信号。

为了能够在断网后继续联络女神,我们买来了电池和开关,然后拉了普通电线线到女神的寝室。女神把小灯泡接在了电线的两端。

这时只需要开闭开关,就可以控制女神屋里的灯泡了。

发送信号

关闭着小灯泡1秒钟,代表发送一个0。

打开了小灯泡1秒钟,代表发送一个1。

此时可以向女神发送任意二进制内容了。

发送文本

我们只希望发送一个“Good Night”。所以必须想办法对“Good Night”进行编码。

'G','o','o','d'的ASCII编码是:071,111,111,100,转换成二进制就是:0100 0001 0110 1111 0110 1111 0110 0100

使用发送二进制信号的方法发过去,女神需要自己解码来阅读出“Good”。


发送富文本

有一天,我们希望发送“I miss you”。

为了表达心意,你希望加粗“you”,并使用红色的字体发送“miss”,而这一根简陋的电线似乎很难理解“加粗”和“红色”

于是机智的我们发送了:I <red>miss</red> <b>you</b>

同样机智的女神理解了这件事情。


你发明了一种语言

我们很喜欢这种编码格式,这是一种标记语言,于是我们称其为:TGML (To Girl Markup Language)

平时你使用TGML来和你的女神通信,TGML可以非常好的解决富文本的传输问题。

表白

终于决定表白了,我们绘制了很美丽的心形图片,还有两个按钮:接受、拒绝。

两个按钮分别会链接到 "接受.tgml"和"拒绝.tgml"

为了描述图片,我们使用了<img src="pic">

为了描述按钮,我们使用了<a href="接受.tgml">

现在发送给女神的内容,已经不只是带格式的富文本,而是带链接的富文本。

于是在这个世界上,拥有了一种能够描述超文本的语言,叫做TGML

超文本

描述超文本的方式有很多,例如:HTML,TGML,还有markdown。HTML的诞生是为了描述超文本。

超文本的用途也很多,例如:描述一个网页,或者描述一个Word文档。HTML文件是超文本文件。但是超文本未必是HTML。

Microsoft Word

Microsoft Word是Office的一个组件。它同样代表一个超文本资源。

如果你解压一个docx文件并仔细翻一翻,你能找到你刚才写的作业,是以HTML方式记载着。

当然,描述超文本还有markdown。所以你可以使用一些工具,比如pandoc,把markdown转换成word。


故事的结局

女神的名字叫浏览器,我们的名字叫Web服务器,女神和我们中间的那根线叫HTTP。

tml

1. 什么是html?

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

HTML 使用标记标签来描述网页

HTML 指的是超文本标记语言 (Hyper Text Markup Language)

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

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

2. Html的作用?

Web浏览器的作用是读取html文档,并以网页的形式显示它们。浏览器不会显示html标签,而是使用标签来解释页面上的内容。简单说,html就是用于展示信息的。

3. Html书写规范

a) Html标签

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

HTML 标签是由尖括号包围的关键词,比如 <html>

HTML 标签通常是成对出现的,比如 <b> 和 </b>

标签对中的第一个标签是开始标签,第二个标签是结束标签。

绝大多数的标签都具有属性,建议属性值使用引号引起。例如:<body text=”red”>

大多数标签是可以嵌套的,支持正确合理的标签嵌套。

b) Html创建

Html文件可以直接使用文本编辑器来创建,保存时,后缀名为html或htm

整个文件是在<html>与</html>标签之间在<html>标签间有<head>与<body>子标签。

c) 空的html标签

没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。

<br> 就是没有关闭标签的空元素(<br> 标签定义换行)。

在开始标签中添加斜杠,比如 <br/>,是关闭空元素的正确方法,HTML、XHTML 和 XML 都接受这种方式。

即使 <br> 在所有浏览器中都是有效的,但使用 <br /> 其实是更长远的保障。

d) Html大小写不敏感

HTML 标签对大小写不敏感:<P> 等同于 <p>。许多网站都使用大写的 HTML 标签。在未来 (X)HTML 版本中强制使用小写。