Saivan's Blog--=WEB标准的研究,开发=-

Navigation
Comment
Search
Links
Other

saivan 最新的 20 条日志

为达到最佳的视觉及浏览效果,请您使用FirefoxOpera来浏览本站!

My DouBan

Html基本常用语法教程(一)

2005-10-2

Html基本常用语法教程

PS: 本教程为Saivan收集及整理、编写而成,如有雷同,纯属巧合。如需转载,请注明出处。

HTML英语意思是:Hypertext Marked Language,即超文本标记语言,是一种用来制作超文本文档的简单标记语言。用HTML编写的超文本文档称为HTML文档,它能独立于各种操作系统平台(如UNIX,WINDOWS等)。自1990年以来HTML就一直被用作World Wide Web 的信息表示语言,用于描述Homepage的格式设计和它与WWW上其它Homepage 的连结信息。使用HTML语言描述的文件,需要通过WWW浏览器显示出效果。

一个基本的网页代码如下:

<html>
<head>
网页头部
</head>
<body>
网页主体,正文内容
</body>
</html>

首先,我们先要明白几个基本定义:标签、属性、元素

标签:HTML基本的构成包含标签,标签围绕着内容,赋予内容某些意义。 例如上面的,<html>是隔开其他内容的起始标签,它告诉浏览器,位于自己与闭合标签</html>之间的就是是HTML文档。在<body>和</body>之间的是这个文档展示在浏览器上的主要内容。还有表示段落的<p>…</p>,表示加粗的<b>…</b>表示链接的<a>…</a>等等。大部分的标签都是闭合的,例如<p>即是由</p>来闭合,但是个别标签是自动闭合的,使如表示换行的<br>,还有表示水平线的<hr>都是自己闭合的。

属性:标签可以有属性,包含额外的信息。属性一般出现在开放标签中,它们的值总是在引号中。 例如:<p align="center">居中文本</p>,段落<p>的属性就是align="center", center是属性的值。

元素: 元素是标签内的内容,可以是文本、图像、动画、视频等。

继续讲网页基本语法。一个网页主要在头部head及主体body部分。关于head部分,常见的英文网页头部结构是:

<head>
<title>网页标题</title>
<meta name="description" content="文档描述">
<meta name="keywords" Content="文档关键词">
<meta http-equiv="Content-Language" content="en-us">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="style.css" rel="stylesheet" type="text/css">
</head>

<title>......</title>文档的标题,相当于整个网页内容的概括,长度只有60个字符。

<meta name="description" content="......">网页文档的描述,用简单扼要的句子,描述当前文档的大意。

<meta name="keywords" content="......">文档关键词,最能表达网页文档所写内容的单词或短语

<meta http-equiv="Content-Language" content="en-us">和<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">两句都是设定网页文档的语言编码,一般来说英文都是采用西欧iso-8859-1的语言编码,考虑到早期的浏览器不支持charset,所以我们还加了一句<meta http-equiv="Content-Language" content="en-us">表示本网页的语言编码是英文。

<link href="style.css" rel="stylesheet" type="text/css">是指给本网页文档添加一个CSS样式文档。

未完,待续…

Post at: WEB Standard
全部共有[1]条日志,每页显示(1)篇日志

Comment View ({Count})

{CommentAuthor}

{CommentTime Format="yyyy-mm-dd"}
{CommentContent}
{CommentUrl}{CommentEmail}{CommentIp}