网页制作中HTML的基本概念

上一篇网页制作初级进阶教程说到了网页制作工具的选择,选择好一款好的网页制作工具之后,我们就开始了真正的网页制作过程,然而在这个过程中,我们接触的当然是HTML代码最多.所以,在真正开始之前还必须对HTML代码有一定的了解.

那么我们来看看HTML代码的结构吧.

HTML的英文全称是 Hyper Text MarkUp Language,中文叫做”超文本标记语言”。和一般文本的不同的是,一个HTML文件不仅包含文本内容,还包含一些Tag,中文称”标记”。HTML文件的后缀名是 .htm或者 .html

一个标准的HTML代码文件格式如下:

<html>
<head>
<title>Title of page</title>
</head>
<body>
这是我的第一个页面. <b>这些文字加粗了</b>
</body>
</html>

这个代码中<>中所包含的就是一个tag.比如<html>就是第一个tag,这个Tag告诉你的浏览器这是HTML文件的头。文件的最后一个Tag是</html>,表示HTML文件到此结束。

在<head>和</head>之间的内容,是Head信息。

在<title>和</title>之间的内容,是这个文件的标题。你可以在浏览器最顶端的标题栏看到这个标题。

在<body>和</body>之间的信息,是正文。

在<b>和</b>之间的文字,用粗体表示。

在HTML代码中,tag是成对出现的,比如<body></body>,后一个tag中多了个”/”,表示结束.

HTML的Tag不区分大小写的。比如,<HTML>和<html>其实是相同的。

HTML元素即一对TAG标签可以拥有属性。属性可以扩展HTML元素的能力,通常属性是在一对tag的前一个tag中出现.比如以下:

<body bgcolor="gray"></body>

以上代码的意思就是把页面的背景颜色设置为灰色.属性名一般有属性名称和属性值组成,在这个例子中属性名就是”bgcolor”属性值是”gray”

具体的来说,HTML代码的标签众多,属性名也不少,而且不同的属性可能只能应用于特定的TAG,这也就是为什么我在上一篇网页制作工具的选择中建议你选择有代码选取功能的Dreamweaver工具作为你网页制作的工具最大的原因了.

最后,本教程可以到右侧的文章搜索中的按标签搜索中搜索,点击网页制作初级进阶教程就可以看到本站为你准备的网页制作教程。希望读者会有所收获。受时间限制,本站的教程更新可能比较慢,希望体谅。

留下评论







注意: 第一次留言的用户,您的评论需要审核通过才会显示,抱歉!