HTML实例

！doctypehtmltownetacharset=' utf-8 ' title初出茅庐教程(runoob.com)/title/headly h1我的个标题/h1我的段。/p/body/html

HTML简介

实例解析

DOCTYPE声明文档类型

标签中的Html和/html描述了文档类型

标签主体和/主体是可视网页内容

标签h1和/h1用作标题

标签p和/p显示为一个段落

HTML简介

HTML是什么？

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

超文本标记语言是指超文本标记语言：

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

标记语言是一组标记标签

超文本标记语言使用标签来描述网页

超文本标记语言文档包含超文本标记语言标签和文本内容

超文本标记语言文档也被称为网页

HTML简介

HTML标签

HTML标签标签通常被称为HTML标签。

html标签是用尖括号括起来的关键字，比如HTML

HTML标记通常成对出现，如b和/b

标签对中的个标签是开始标签，第二个标签是结束标签

开始和结束标签也称为开放标签和封闭标签

标签内容/标签

HTML元素

“HTML标记”和“HTML元素”通常描述相同的意思。

但严格来说，一个HTML元素包含一个开始标记和一个结束标记，如下例：所示

HTML元素：

p这是一段。/p

网页浏览器

网页浏览器(如谷歌浏览器、互联网浏览器、Firefox、Safari)用于读取HTML文件并将其显示为网页。

浏览器不是直接显示的HTML标签，但是标签可以用来决定如何向用户显示HTML页面的内容：

HTML简介

网页结构

下面是一个可视化的网页结构：

超文本标记语言

头

标题页面标题/标题

/head

身体

h1这是标题/h1

p这是一段。/p

p这是另一段。/p

/body

/html

HTML简介

HTML版本

自从最初的网络诞生以来，出现了很多HTML版本：

版本

放时间

超文本标记语言

1991

超文本标记语言

1993

HTML 2.0

1995

HTML 3.2

1997

HTML 4.01

1999

XHTML 1.0

2000

HTML5

2012

XHTML5

2013

！DOCTYPE声明

！DOCTYPE声明有助于在浏览器中正确显示网页。

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

doctype声明不区分大小写，可以通过以下任何方式使用：

！声明文档类型

！声明文档类型

！声明文档类型

！声明文档类型

一般说明

HTML5

！声明文档类型

HTML 4.01

！' DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN '

http://www . w3 . org/TR/html 4/los . dtd '

XHTML 1.0

！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN '

http://www . w3 . org/TR/XHTML 1/DTD/XHTML 1-transitional . DTD '

参见完整的网页声明类型的DOCTYPE参考手册。

HTML简介

中文编码

目前在大多数浏览器中，直接输出中文会出现中文乱码，所以我们需要在表头中声明字符为UTF-8。

HTML实例

！doctypehtmltownetacharset=' utf-8 '标题页标题/title/headsdyh1我的个标题/h1我的个段落。/p/body/html