Html语法概述.docx

细说HTML标签 在HTML语法中，大致上可以分为：  HYPERLINK http://www.tool.la/HtmlTeach/ \l t1 网页架构：主要网页主架构的介绍  HYPERLINK http://www.tool.la/HtmlTeach/ \l t2 分隔标签：也就是所谓的水平线  HYPERLINK http://www.tool.la/HtmlTeach/ \l t3 排版标签：针对标签的属性，可做适当的版面编排  HYPERLINK http://www.tool.la/HtmlTeach/ \l t4 字体标签：教导您设定文字的字体。  HYPERLINK http://www.tool.la/HtmlTeach/ \l t5 文字标签：教导您设定文字的颜色、行距、变化等等。  HYPERLINK http://www.tool.la/HtmlTeach/ \l t6 影像标签：教导您如何在网页中，植入图像。  HYPERLINK http://www.tool.la/HtmlTeach/ \l t7 背景标签：教导您如何设定背景颜色或是背景图像。  HYPERLINK http://www.tool.la/HtmlTeach/ \l t8 链接标签：教导您如何设定超链接，以及开视窗的条件。  HYPERLINK http://www.tool.la/HtmlTeach/ \l t9 表格标签：教导您如何在网页中运用表格。  HYPERLINK http://www.tool.la/HtmlTeach/ \l t10 序列标签：教导您如何设定文字序列或图形序列。  HYPERLINK http://www.tool.la/HtmlTeach/ \l t11 表单标签：教导您如何制作可填写用的表单。  HYPERLINK http://www.tool.la/HtmlTeach/ \l t12 框架标签：可让同一个视窗由多个网页一起组成。  HYPERLINK http://www.tool.la/HtmlTeach/ \l t13 其他技巧：让您的整个网页背景可以让您设定为图片或是声音。 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文件喔！也就是说它是一个网页的格式啦！通常都包在网页的最上下两端，将所有的原始码都包起来。 2 分隔标签 【文字上的分隔标签】 或许你已经发现这个问题了：天啊！我不是在记事本里排版排得很漂亮，为何透过浏览器看起来一切都走了样？对啊！别太讶异，在网页的编排里，并不像汉书或WORD一样，只要拼命按Enter键或空白键，便能完成分段或分行，因为，HTML语言是不认识我们所谓的Enter键或空白键，所以不管您按了多少次的空白或Enter，浏览器都会当作没看见啦！ 使用方法：强制断行标签br、强制分段标签p 标签解说：我们在写文章时，有时候在特定的地方会强迫断行（br），或是在写完某一段的时候便会分段（p），写网页也一样，而且更需要断行及分段的功能，以免整个网页看起来乱糟糟的。 使用范例： 原始码呈现结果 这是一个断行的范例br看出来了吗？这是一个断行的范例看出来了吗？ 这是一个分段的范例p基本上他会比断行还多空出一行这是一个分段的范例 基本上分段会比断行还多空出一行 【分隔线标签】 使用方法：上一段文字内容hr下一段文字内容 标签解说：利用hr这个标签便可产生一条横分隔线。另外，其有些属性分别说明如下： 使用范例： 一般用法尚未加任何属性。原始码普通分隔线hr呈现结果普通分隔线  颜色属性用法：hr color=颜色码或颜色名称原