HTML语言基础教程.docVIP

HTML语言基础教程 发布时间 2008-10-13 掌握一点HTML语言的语法知识，对于建站是有帮助的。虽然在线编辑器可以所见即所得的设计网页，但是有时还是需要切换到“代码”状态查看或修改。下面是HTML语言的一些语法介绍。大家可以有选择性的看看，或是需要的时候查阅一下。 ?????????????????????????????? HTML语言教程 一、HTML 一般概念： 　　HTML 全称HyperText Markup Language，正式名称是超文本标记语言，利用标记（tag）用来描述网页的字体、大小、颜色及页面布局的语言，使用任何的文本编辑器都可以对它进行编辑。HTML 不是程式语言如 C++ 和 Java 之类，它只是标记语言，基本上你只要明白了各种标记的用法便算学懂了 HTML，HTML 的格式非常简单，只是由文字及标记组合而成。对于网页制作的初学者来说，理解 HTML 的工作原理是必要的，但也无须仔细地了解到每一个标记的作用，只需要掌握常用的一些标记用法即可。因为现在已经有了很好的所见即所得的网页编辑软件为我们快速地生成 HTML 代码，例如 Dreamweaver 和 Frontpage ，再也无须象早期的网页制作人员一样，一行一行地编写代码了。 二、标记写法： 　　·任何标记皆由及所围住，如 P? 　　·标记名与小于号之间不能留有空格。? 　　·有些标记需要加上参数，有些不要。如 font size=+2Hello? 　　·参数只可加于起始标记中。? 　　·在起始标记的标记名前加上符号/便是终结标记，如 HTML是起始标记，/HTML 是终结标记　　·标记字母大小写皆可。 三、标记分类： 　　标记按型态分为围堵标记与空标记 　　1、围堵标记 　　顾名思义，它以起始标记及终结标记将文字围住，令其达到预期要显示的效果。? 　　例如 HTML与/HTML它以起始标记及终结标记构成的，两者失其一都会发生错误显示。? 　　2、空标记? 　　是指标记单独出现，只有起始标记没有终结标记。? 　　例如 HTML Source： 　　I love Creation of Webpage.brIts a wonderful place.? 　　显示成： 　　I love Creation of Webpage.? 　　Its a wonderful place.? 　　其中换行标记br便属于空标记。? 　　它的作用是将标记后的所有东西显示于下一行，可同终结标记对它是没有意义的， 但有些人为空标记加上终结标记，这是为方便阅读而已，对 HTML 没有影响。? 　 四、标记用法 　　以下便是一份 HTML 文件的基本架构 ： HTML? HEAD? TITLE 网页的标题 /TITLE? /HEAD? BODY? 网页的内容，很多标记都作用于此? /BODY? /HTML? 特别解说：整份文件处于标记HTML与/HTML之间。? HTML用以宣告这是 HTML 文件，让浏览器认出并正确处理此 HTML 文件。? 文件分两部份，由HEAD至/HEAD称为开头，BODY至/BODY称主体部分（文本和标记）。? 基本上两者各有适用的标记，如TITLE只可出现于开头部分。? 开头部分用以存载重要信息，而只有主体部分会被显示，所以大部分标记会应用于主体部分。? TITLE所标示的是文件的标题。? 会出现于浏览器顶部及为别人 Bookmark 时的名称，所以每页有不同面明确的标题是需要的。? 　　上述标记中只有BODY具参数设定。? ■ BODY 的参数设定：? 　　例子：? BODY text=#000000 link=#0000FF alink=#FF0000 vlink=#0000FF background=bg1.gif bgcolor=#FFFFFF leftmargin=2 topmargin=2 bgproperties=fixed? text=#000000? 用以设定文字颜色。 #000000 代表黑色，也可以采用颜色名称，即 text=black 。 link=#0000FF? 设定一般文字链接的颜色。? alink=#FF0000? 设定刚按下时文字链接颜色。? vlink=#0000FF? 设定被按过后的链接的颜色。? background=bg1.gif? 设定背景图片。GIF 或 JPEG 皆可，可以是绝对路径或相对路径。 (注：绝对路径就是你的主页上的文件或目录在服务器上真正的路径，以 HYPERLINK / 为例：比如，001_1.htm这个模板文件是存放在根目录的web目录下，那么它的绝对路径就是 HY