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元素具有空内容(empty content)
- 空元素(empty element)以起始标签的结束而结束
- 大部分HTML元素可拥有若干属性(attribute)
(我们将在下一章讲元素的属性)
嵌套的HTML元素
大部分HTML元素可以嵌套使用(可以包含其他HTML元素)。
HTML文档由嵌套的HTML元素构成。
HTML文档示例
<html> <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统一采用小写标签。
| « 上一章 | 下一章 » |
