HTML语法教学.pdfVIP

HTML语法教学 Page 1 of 26 HTML 4.0 语 法 教 学 ■ 认识HTML语法 (标签快速导览) ◆ 网页架构 ◆ 表格标签 ◆ 分隔标签 ◆ 序列标签 ◆ 排版标签 ◆ 表单标签   ◆ 字体标签 ◆ 框架标签 ◆ 文字标签 ◆ 其他技巧 ◆ 影像标签 ◆ 背景标签 ◆ 连结标签 ■ 细说HTML标签 在HTML语法中，大致上可以分为： ( 节录自‘网站建置百宝箱’) 1. 网页架构：主要网页主架构的介绍 2. 分隔标签：也就是所谓的水平线 3. 排版标签：针对标签的属性，可做适当的版面编排 4. 字体标签：教导您设定文字的字体。 5. 文字标签：教导您设定文字的颜色、行距、变化等等。 6. 影像标签：教导您如何在网页中，植入图像。 7. 背景标签：教导您如何设定背景颜色或是背景图像。 8. 连结标签：教导您如何设定超连结，以及开视窗的条件。 9. 表格标签：教导您如何在网页中运用表格。 10. 序列标签：教导您如何设定文字序列或图形序列。 11. 表单标签：教导您如何制作可填写用的表单。 12. 框架标签：可让同一个视窗由多个网页一起组成。 13. 其他技巧：让您的整个网页背景可以让您设定为图片或是声音。 4.1 网页架构 回细说索引 HTML HEAD TITLE网页制作教学/TITLE Meta /HEAD BODY BODY之间则为主要语法所在，也是网页的主要呈现部分。 /BODY /HTML 【标签解说】 以上看到的就是一篇最简单架构的网页。没错，网页其实就是一堆标签 （所谓标签就是指被包起来的语 法）集合起来的，透过浏览器的消化整理，就便成了美仑美奂的网页了。 简单而言，通常一份完整的网页包含了二个部份：抬头（HEAD）、文件本体（BODY）。也就是各位在上面所 file://E:\My Documents\HTML语法教学.htm 2007-8-29 HTML语法教学 Page 2 of 26 看到的HEAD/HEAD以及BODY/BODY。 在抬头的部份HEAD/HEAD中，有另一组标签TITLE/TITLE。打在TITLE/TITLE这里面的文字会出 现在浏览器视窗最上头蓝色部份里，当作一篇网页的主题。 您可能会发现，为什么我一直没提到HTML/HTML这一组标签，嗯！因为它可有可无。这一组标签是告诉 浏览器说：我是一份HTML文件喔！也就是说它是一个网页的格式啦！通常都包在网页的最上下两端，将所有 的原始码都包起来。 4.2 分隔标签 回细说索引 【文字上的分隔标签】 或许你已经发现这个问题了：天啊！我不是在记事本里排版排得很漂亮，为何透