HTML基础教程

HTML 教程首页
HTML 简介
HTML 入门
HTML 基础
HTML 元素
HTML 属性
HTML 标题
HTML 段落
HTML 排版
HTML 样式
HTML 链接
HTML 图像
HTML 表格
HTML 列表
HTML 表单
HTML 颜色
HTML 颜色名
HTML 颜色值
HTML 速查手册

HTML高级教程

HTML 布局
HTML 框架
HTML 字体
HTML 4.0
HTML CSS
HTML 实体
HTML 报头
HTML 元信息
HTML URLs
HTML 脚本
HTML 属性
HTML 事件
HTML URL编码
HTML Web服务器
HTML 总结

HTML示例

HTML 示例
HTML 测验
HTML 认证

HTML参考手册

HTML 标签列表
HTML 属性
HTML 事件
HTML 颜色名
HTML 取色器
HTML 混色器
HTML 字符集
HTML ASCII
HTML ISO-8859-1
HTML 符号
HTML URL编码
HTML 语言代码
HTTP 状态代码

HTML元素

« 上一章 下一章 »

HTML文档是以HTML元素(element)来定义的。


HTML元素

HTML元素(element)就是从起始标签(start tag)开始至结束标签(end tag)结束其间的所有内容:

起始标签* 元素内容 结束标签*
<p> 这是一个段落 </p>
<a href="default.htm" > 这是一个链接 </a>
<br />    

* 起始标签也经常称为首标签(opening tag),结束标签也经常被称为尾标签(closing tag)


HTML元素语法

(我们将在下一章讲元素的属性)


嵌套的HTML元素

大部分HTML元素可以嵌套使用(可以包含其他HTML元素)。

HTML文档由嵌套的HTML元素构成。


HTML文档示例

<html>

<body>
<p>这是我的第一个段落</p>
</body>

<html>

上面的例子包含3个HTML元素。


示例讲解

<p>元素:

<p>这是我的第一个段落</p>

<p>元素在HTML文档中定义了一个段落
这个元素有一个起始标签<p>和一个结束标签</p>
这个元素的内容是:这是我的第一个段落

<body>元素:

<body>
<p>这是我的第一个段落</p>
</body>

<body>元素定义了HTML文档的主体(body)
这个元素有一个起始标签<body>和一个结束标签</body>
这个元素的内容是另一个HTML元素(<p>)

<html>元素:

<html>

<body>
<p>这是我的第一段落</p>
</body>

</html>

<html>元素定义了整个HTML文档
这个元素有一个起始标签<html>和一个结束标签</html>
这个元素的内容是另一个HTML元素(<body>)


别忘了结束标签

即便你忘记写结束标签,大部分浏览器还是能正确显示你的HTML:

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

虽然大部分浏览器能正确显示上例,但你不应依赖浏览器的容错能力。忘记写结束标签可能会造成意想不到的结果或错误。

注意:缺少结束标签在以后版本的HTML里是不允许的。


空HTML元素

没有内容的HTML元素被称为空元素(empty element)。空元素以起始标签的结束而结束。

<br>是一个没有结束标签的空元素(它用于定义换行)。

在XHTML、XML及以后版本的HTML里,所有元素都必须正确关闭。

关闭空元素的正确方式是,给起始标签添加一个反斜杠,就像<br />这样。

即便浏览器照样能处理<br>,但写成<br />这种形式更能经受住未来的考验。


提示:请使用小写标签

HTML标签是不区分大小写的:<P>等同于<p>。许多网站在它们的网页里使用大写的HTML标签。

由于万维网联盟(World Wide Web Consortium,简称W3C)在HTML 4规范里建议采用小写标签,并且在未来版本的(X)HTML里要求采用小写标签,因此gaohf.com统一采用小写标签。


« 上一章 下一章 »



 




宏飞网络是你学习web开发、测试web程序实例、和培养职业技能的首选网站。我们提供例子也许有些简单,但对理解基本概念有帮助。

我们尽量避免在教程、参考及例子中出现错误,但不能保证所有的内容都是正确的。

你使用本网站时,我们默认你已经阅读并接受了我们的隐私政策。

Copyright 2003-2011宏飞网络 版权所有