论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > div+css布局教程
Tag:css,入门,技巧,div,实例,示例,菜单,布局,web2.0,ul,li,经验,列表,web标准,xhtml,web标准,浏览器,兼容,css hack,表格,视频教程

{XHTML}HTML初级教程标签、属性和元素

文章类别:div+css布局 | 发表日期:2008-9-26 11:42:15

标签、属性和元素──构成HTML的要素

尽管HTML的基础是纯文本,但我们还是需要多一些东西才能使纯文本文件变成合法的HTML文件。

标签

HTML基本的构成包含标签,标签围绕着内容,赋予内容某些意义。

按照下面改进你的文件:

div css xhtml xml Example Source Code Example Source Code [www.21shipin.com]
<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Strict//EN\"
\"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd\">
<html>
<body>
这是我的第一个网页
</body>
</html>

保存文件,回到浏览器界面和选择“刷新”(这会重新装载网页)。

网页的外观没有任何改变,HTML的目的是表达内容,而不是表达表现,这个例子现在已经定义了网页一定的基本元素。

第一行以<!DOCTYPE..开始是为了让浏览器知道你到底要做什么。你可能还不知道自己在做什么,但接受它很重要。假如你不这样做,浏览器将用“quirks”(希罕的)模式来表现你的网页。现在还不必担心,当然你需要了解或者学习的话可以看看 HTML高级教成的 进一步学习“文档类型”。当前,只需要记住把这一行放在文件的顶端就可以了。

言归正传,<html>是隔开其他内容的起始标签,它告诉浏览器,位于自己与闭合标签</html>之间的就是是HTML文档。在<body>和</body>之间的是这个文档展示在浏览器上的主要内容。

闭合标签

</body>和</html>关闭他们各自的标签。所有的HTML标签都要关闭。尽管老版本的HTML答应某些标签不关闭,但最新的标准要求所有的标签都要关闭。无论如何,闭合标签是一个好习惯。

并不是所有的标签都像<html></html>一样关闭,有的标签不用绕在内容外面,它们是自关闭的。比如断行的的标签是这样的:<br />。呆会我们还有这方面的例子。你所需要记住的是,所有的标签都必须关闭,以及,大部分的内容都在标签之间,他们的格式是这样的:起始标签 - 内容 - 闭合标签。

属性

标签可以有属性,包含额外的信息。属性一般出现在开放标签中,它们的值总是在引号中。就像这样:<tag attribute=\"value\">Margarine</tag>。呆会我们会讲解带属性的标签。

元素

除了标记元素的开始与结束,标签不愿再多做些什么。元素是构建网页的bits。你可能会说,比如,在<body>和</body>之间的是主体元素,又如,<title>和</title>是标签,而<title>Rumple Stiltskin</title>则是标题元素。
上一篇:{XHTML}HTML初级教程段落 人气:3519
下一篇:{XHTML}HTML初级教程title文档标题 人气:3067
视频教程列表
文章教程搜索
 
div+css推荐教程
div+css热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058