HTML 简介

HTML 简介

实例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>khtml教程</title>
</head>
<body>

<h1>我的第一个标题</h1>

<p>我的第一个段落。</p>

</body>
</html>
尝试一下 »

实例节点解析

什么是 HTML?

HTML 语言用于描述网页。

HTML 标签

HTML 标记标签通常被称为 HTML 标签 (HTML tag)。您可以在 khtml教程中的编程实战部分开始学习 HTML 标签。

<标签>内容</标签>

HTML 元素

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

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

HTML 元素:

<p>这是一个段落。</p>

Web 浏览器

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

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

HTML 网页结构

下面是一个可视化的 HTML 页面结构(只有<body>标签中的内容会显示在浏览器中):

<html>

    <body>

        <h1>This a heading</h1>

        <p>This is a paragraph.</p>

        <p>This is another paragraph.</p>

    </body>

</html>

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

<!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"      
"http://www.w3.org/TR/html4/loose.dtd">

XHTML 1.0

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"     
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

查看完整网页声明类型 DOCTYPE 参考手册.

MDN CSS参考

中文编码

对于中文网页需要使用 <meta charset="utf-8"> 声明编码,否则会出现乱码。有些浏览器(如 360 浏览器)会设置 GBK 为默认编码,则你需要设置为 <meta charset="gbk">

实例
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>页面标题</title>
</head>
<body>

<h1>我的第一个标题</h1>

<p>我的第一个段落。</p>

</body>
</html>
尝试一下 »