《HTML语言教程（标签）》.pdf

HTML 语言教程（标签） 在HTML 语法中，大致上可以分为： 网页架构：主要网页主架构的介绍 1. 分隔标签：也就是所谓的水平线 2. 排版标签：针对标签的属性，可做适当的版面编排 3. 字体标签：教导您设定文字的字体。 4. 文字标签：教导您设定文字的颜色、行距、变化等等。 5. 影像标签：教导您如何在网页中，植入图像。 6. 背景标签：教导您如何设定背景颜色或是背景图像。 7. 连结标签：教导您如何设定超连结，以及开视窗的条件。 8. 表格标签：教导您如何在网页中运用表格。 9. 序列标签：教导您如何设定文字序列或图形序列。 10.表单标签：教导您如何制作可填写用的表单。 11.框架标签：可让同一个视窗由多个网页一起组成。 12.其他技巧：让您的整个网页背景可以让您设定为图片或是声音。 4.1 网页架构 回细说索引 HTML HEAD TITLE网页制作教学/TITLE Meta /HEAD BODY BODY 之间则为主要语法所在，也是网页的主要呈现部 分。 /BODY /HTML 【标签解说】 以上看到的就是一篇最简单架构的网页。没错，网页其实就是一堆标 签 （所谓标签就是指被包起来的语法）集合起来的，透过浏览器的 消化整理，就便成了美仑美奂的网页了。 简单而言，通常一份完整的网页包含了二个部份：抬头（HEAD）、文 件本体（BODY）。也就是各位在上面所看到的HEAD/HEAD以及 BODY/BODY。 在抬头的部份HEAD/HEAD中，有另一组标签TITLE/TITLE。打 在TITLE/TITLE这里面的文字会出现在浏览器视窗最上头蓝色部份 里，当作一篇网页的主题。 您可能会发现，为什么我一直没提到HTML/HTML这一组标签，嗯！ 因为它可有可无。这一组标签是告诉浏览器说：我是一份HTML 文件 喔！也就是说它是一个网页的格式啦！通常都包在网页的最上下两 端，将所有的原始码都包起来。 4.2 分隔标签 回细说索引 【文字上的分隔标签】 或许你已经发现这个问题了：天啊！我不是在记事本里排版排得很漂 亮，为何透过浏览器看起来一切都走了样？对啊！别太讶异，在网页 的编排里，并不像汉书或WORD 一样，只要拼命按Enter 键或空白 键，便能完成分段或分行，因为，HTML 语言是不认识我们所谓的 Enter 键或空白键，所以不管您按了多少次的空白或Enter，浏览器 都会当作没看见啦！ 1. 使用方法：强制断行标签br、强制分段标签p 2. 标签解说：我们在写文章时，有时候在特定的地方会强迫断行 （br），或是在写完某一段的时候便会分段（p），写网 页也一样，而且更需要断行及分段的功能，以免整个网页看起 来乱糟糟的。 3. 使用范例： 原始码 呈现结果 这是一个断行的范例br 这是一个断行的范例 看出来了吗？ 看出来了吗？ 这是一个分段的范例 这是一个分段的范例p基 本上他会比断行还多空出 基本上分段会比断行还多 一行 空出一行 【分隔线标签】 1. 使用方法：上一段文字内容hr下一段文字内容 2. 标签解说：利用hr这个标签便可产生一条横分隔线。另外， 其有些属性分别说明如下： 3. 使用范例： 一般用法 尚未加任何属性。 原始码 普通分隔线hr 普通分隔线 呈现结果 颜色属性 用法：hr color=颜色码或颜色名称 原始码 橘色分隔线hr color=#ff8000