HTML简单教程-实例006 HTML 元素
2013-06-21 13:41
253 查看
HTML简单教程-实例006 HTML 元素
HTML 文档是由HTML 元素定义的。
HTML 元素指的是从开始标签(starttag)到结束标签(endtag)的所有代码。
开始标签 元素内容 结束标签
提示:开始标签常被称为开放标签(openingtag),结束标签常称为闭合标签(closingtag)。
HTML 元素语法
HTML 元素以开始标签起始。
HTML 元素以结束标签终止。
元素的内容是开始标签与结束标签之间的内容。
某些 HTML元素具有空内容(emptycontent)。
空元素在开始标签中进行关闭(以开始标签的结束而结束)。
大多数 HTML元素可拥有属性。
提示:您将在本教程的下一章中学习更多有关属性的内容。
嵌套的 HTML元素
大多数 HTML元素可以嵌套(就是在一个HTML 元素中可以包含其他HTML 元素)。
HTML 文档由嵌套的HTML 元素构成。
HTML 文档实例006:
<html>
<head>
<title>实例006</title>
</head>
<body>
<p>HTML 元素第一行</p>
<br>
<p>HTML 元素的嵌套
<br />
<p>请注意<p>标签的不完整和两个不同的<br/>标签的显示效果。</p>
</body>
</html>
HTML 实例解释
上面的例子包含五个 HTML元素。
一、<html>元素:
<html> 元素定义了整个HTML 文档。
这个元素拥有一个开始标签<html>,以及一个结束标签</html>。
二、<head>元素:
<head> 元素定义了整个HTML 文档的头部信息。
这个元素拥有一个开始标签<head>,以及一个结束标签</head>。
三、<title>元素:
<title> 元素定义了整个HTML文档中头部信息内的web网页的标题信息。
这个元素拥有一个开始标签<title>,以及一个结束标签</title>。
四、<body>元素:
<body> 元素定义了HTML 文档的主体。
这个元素拥有一个开始标签<body>,以及一个结束标签</body>。
五、<p>元素:
这个 <p>元素定义了 HTML文档网页显示内容中的一个段落。
这个元素拥有一个开始标签<p>,以及一个结束标签</p>。
元素内容是:Thisis my first paragraph。
这段内容也是这个网页需要显示在浏览器中显示出来的主要内容,这个实例中的其它标签与元素都是为浏览器中需要显示出来的内容服务的。
不要忘记结束标签
即使您忘记了使用结束标签,大多数浏览器也会正确地显示HTML:
<p>This is a paragraph
上面的例子虽然没有结束标签</p>,但在大多数浏览器中都没问题,不过,请不要依赖这种做法。忘记使用结束标签会产生不可预料的结果或错误。
提示:未来的HTML 版本可能将不再允许省略结束标签。
空的 HTML元素
没有内容的 HTML元素被称为空元素。空元素是在开始标签中关闭的。
<br> 就是没有关闭标签的空元素(<br>标签定义换行标记)。
在 XHTML、XML以及未来版本的HTML 中,所有元素都必须被关闭。
提示:在开始标签中添加斜杠,比如<br/>,是关闭空元素的正确方法,HTML、XHTML和 XML都接受这种方式。
即使 <br>在所有浏览器中都是有效的,但使用<br />其实是更长远的保障。
HTML 标签对大小写不敏感:<P>等同于 <p>。
HTML标签提示:请使用小写标签。因为万维网联盟(W3C)在HTML 4 中推荐使用小写,而在未来(X)HTML版本中将可能会强制使用小写标签。
(完)
HTML 文档是由HTML 元素定义的。
HTML 元素指的是从开始标签(starttag)到结束标签(endtag)的所有代码。
开始标签 元素内容 结束标签
提示:开始标签常被称为开放标签(openingtag),结束标签常称为闭合标签(closingtag)。
HTML 元素语法
HTML 元素以开始标签起始。
HTML 元素以结束标签终止。
元素的内容是开始标签与结束标签之间的内容。
某些 HTML元素具有空内容(emptycontent)。
空元素在开始标签中进行关闭(以开始标签的结束而结束)。
大多数 HTML元素可拥有属性。
提示:您将在本教程的下一章中学习更多有关属性的内容。
嵌套的 HTML元素
大多数 HTML元素可以嵌套(就是在一个HTML 元素中可以包含其他HTML 元素)。
HTML 文档由嵌套的HTML 元素构成。
HTML 文档实例006:
<html>
<head>
<title>实例006</title>
</head>
<body>
<p>HTML 元素第一行</p>
<br>
<p>HTML 元素的嵌套
<br />
<p>请注意<p>标签的不完整和两个不同的<br/>标签的显示效果。</p>
</body>
</html>
HTML 实例解释
上面的例子包含五个 HTML元素。
一、<html>元素:
<html> 元素定义了整个HTML 文档。
这个元素拥有一个开始标签<html>,以及一个结束标签</html>。
二、<head>元素:
<head> 元素定义了整个HTML 文档的头部信息。
这个元素拥有一个开始标签<head>,以及一个结束标签</head>。
三、<title>元素:
<title> 元素定义了整个HTML文档中头部信息内的web网页的标题信息。
这个元素拥有一个开始标签<title>,以及一个结束标签</title>。
四、<body>元素:
<body> 元素定义了HTML 文档的主体。
这个元素拥有一个开始标签<body>,以及一个结束标签</body>。
五、<p>元素:
这个 <p>元素定义了 HTML文档网页显示内容中的一个段落。
这个元素拥有一个开始标签<p>,以及一个结束标签</p>。
元素内容是:Thisis my first paragraph。
这段内容也是这个网页需要显示在浏览器中显示出来的主要内容,这个实例中的其它标签与元素都是为浏览器中需要显示出来的内容服务的。
不要忘记结束标签
即使您忘记了使用结束标签,大多数浏览器也会正确地显示HTML:
<p>This is a paragraph
上面的例子虽然没有结束标签</p>,但在大多数浏览器中都没问题,不过,请不要依赖这种做法。忘记使用结束标签会产生不可预料的结果或错误。
提示:未来的HTML 版本可能将不再允许省略结束标签。
空的 HTML元素
没有内容的 HTML元素被称为空元素。空元素是在开始标签中关闭的。
<br> 就是没有关闭标签的空元素(<br>标签定义换行标记)。
在 XHTML、XML以及未来版本的HTML 中,所有元素都必须被关闭。
提示:在开始标签中添加斜杠,比如<br/>,是关闭空元素的正确方法,HTML、XHTML和 XML都接受这种方式。
即使 <br>在所有浏览器中都是有效的,但使用<br />其实是更长远的保障。
HTML 标签对大小写不敏感:<P>等同于 <p>。
HTML标签提示:请使用小写标签。因为万维网联盟(W3C)在HTML 4 中推荐使用小写,而在未来(X)HTML版本中将可能会强制使用小写标签。
(完)
相关文章推荐
- HTML 5的<canvas>元素教程和实例
- HTML 简单教程-实例003 HTML段落<p>标签
- HTML 简单教程-实例004 HTML链接<a>标签
- HTML 简单教程-实例005 HTML图像<img> 标签
- [HTML5-Canvas] HTML 5的<canvas>元素教程和实例
- HTML 简单教程-实例001 初识HTML
- HTML 简单教程-实例002 HTML标题<h1> - <h6> 标签
- XSLT简单教程--XSLT的实例
- ibatis 简单教程实例
- Ajax+PHP简单基础入门实例教程
- SpringMVC 基础教程 简单入门实例
- python+selenium简单实现拖动元素实例
- SpringMVC 基础教程 简单入门实例
- WCF简单教程(7) 并发模型与实例模型
- HTML教程,认识optgroup元素
- asp.net,C#,html控件的File控件实现多文件上传简单实例,vs2010
- 29个非常实用的HTML 5实例、教程和技巧
- 百度地图Api进阶教程-地图鼠标左右键操作实例和鼠标样式6.html
- 从数据库调出数据显示到页面 PHP+Mysql+Html(简单实例)
- PHP使用DOMDocument类生成HTML实例(包含常见标签元素)