HTML development manual

Collection(325) share
Read(173348) update time(2022-04-11)

"HTML Development Manual" is an official HTML development online document. This online manual contains the attributes, definitions, usage methods, example operations, etc. of various HTML tags. HTML developers and HTML learners are welcome to refer to it!


HTML是用来描述网页的一种语言,即超文本标记语言(Hyper Text Markup Language),标准通用标记语言下的一个应用。

HTML不是一种编程语言,而是一种标记语言 (markup language),是网页制作所必备的。

“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。超文本标记语言(或超文本标签语言)的结构包括“头”部分和“主体”部分,其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。

提示:一个基本的网站包含很多个网页,一个网页由html, css和javascript组成。html是主体,装载各种dom元素;css用来装饰dom元素;javascript控制dom元素。

HTML整体结构

标记符<html>,说明该文件是用超文本标记语言(本标签的中文全称)来描述的,它是文件的开头;而</html>,则表示该文件的结尾,它们是超文本标记语言文件的开始标记和结尾标记。

头部内容

<head></head>

这2个标记符分别表示头部信息的开始和结尾。头部中包含的标记是页面的标题、序言、说明等内容,它本身不作为内容来显示,但影响网页显示的效果。

主体内容

<body></body>

网页中显示的实际内容均包含在这2个正文标记符之间。正文标记符又称为实体标记。

下面就让我们来创建第一个HTML文件吧!

第一个HTML文件

实例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php 中文网</title>
</head>
<body>

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

</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

是不是非常简单!其实超级文本标记语言文档制作不是很复杂,但是功能强大,支持不同数据格式的文件镶入,这也是万维网(WWW)盛行的原因之一!

提示:我们的HTML教程将帮助您逐步学习如何使用 HTML 来创建站点,如果你有任何疑问,请前往PHP中文网HTML社区提出你的问题,会有热心网友为你解答。

HTML语言的特点

  • 简易性:超级文本标记语言版本升级采用超集方式,从而更加灵活方便。

  • 可扩展性:超级文本标记语言的广泛应用带来了加强功能,增加标识符等要求,超级文本标记语言采取子类元素的方式,为系统扩展带来保证。

  • 平台无关性:虽然个人计算机大行其道,但使用MAC等其他机器的大有人在,超级文本标记语言可以使用在广泛的平台上,这也是万维网(WWW)盛行的另一个原因。

  • 通用性:另外,HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。

本HTML教程手册涵盖的内容

本HTML教程手册涵盖所有HTML基础知识,包含html编辑器的介绍、各种html标签的属性、定义、使用方法、实例运行以及更严谨更纯净的HTML版本即XHTML的基础介绍和HTML媒体的介绍等等。

提示:本教程的每一章都包含了很多HTML实例,您可以直接点击 "运行实例" 按钮在线查看结果。这些例子将帮助您更好地理解和使用HTML语言。

其它HTML相关学习参考资源

除了本页面右侧的知识拓展,还为大家精选了以下资源

Latest chapter


<wbr> 2016-10-21
<video> 2016-10-21
<var> 2016-10-21
<ul> 2016-10-21
<u> 2016-10-21
<tt> 2016-10-21
<track> 2016-10-21
<tr> 2016-10-21