菜鸟快速读懂HTML语言

菜鸟快速读懂HTML语言
HTML语言是网页制作的基础，是初学者必学的内容。虽然现在有许多所见即所得的网页制作工具，但是说到底，还是有必要了解一些HTML的语法。这样，您可以更精确的控制页面的排版，可以实现更多的功能。HTML语言可直接使用普通的文本编辑器进行编辑（例如：DOS下的EDITWindows中的记事本等）。
　　小技巧：如何查看别人网页的HTML
　　你只要用浏览器（例如：IE）打开某网页（例如：），然后用鼠标右键点击网页中的空白位置，选择“查看源文件”，此时这个网页的源文件就一览无遗了。如果遇到有些网页屏蔽右键菜单的话，那么可以选择“查看→源文件”查看源文件。
　　一、HTML标记的约定
　　 HTML语言是网页制作的基础，是初学者必学的内容。虽然现在有许多所见即所得的网页制作工具，但是说到底，还是有必要了解一些HTML的语法。这样，您可以更精确的控制页面的排版，可以实现更多的功能。HTML语言可直接使用普通的文本编辑器进行编辑（例如：DOS下的EDITWindows中的记事本等）。
　　 在HTML中，标记是用来界定各种单元，如标题、段落、列表等。HTML单元由三部分组成：起始标记、单元内容、结束标记。起始标记由“＜”和“＞”来界定，结束标记由“＜/”和“＞”来界定，单元名称和属性由起始标记给出。如：“＜TITLE＞走进数码网--数码时代的电脑应用专家＜/TITLE＞”，“＜TITLE＞”和“＜/TITLE＞”是起始标记和结束标记，“走进数码网--数码时代的电脑应用专家”是单元的基本内容。
　　1.超文本标记用带尖挎号“＜”和“＞”表示。
　　2.超文本标记一般是成对出现，用带斜杠的元素表示结束，如：＜html＞和＜/html＞。但有些标记只有起始标记而没有结束标记，如：＜BR＞，它网页中表示引入一个换行动作还有些标记可以省略，如：段落的结束标记＜/P＞就可以省略。
　　3.超文本标记忽略大小写，如：＜HTML＞和＜html＞是等效的，但其中实体内容的名称是要区分大小写，如\"&NAME\"和\"&name\"是表示不同的实体。
　　4.一个标记元素可写在多行，参数位置不受限制。
　　二、HTML主要标记的用法
　　 HTML文档的标记在该语言中占有重要的地位，可以说，整个HTML文档都是它的标记构成的，HTML文档的标记为编写该文档建立了固定的框架，我们只要在这个框架中填充内容就行了。但你可能会对HTML语言，而感到一头雾水吧？
　　 其实您可以将HTML文档分成两部分：首部信息和正文主体。其具体的结构如下：
　　 ＜HTML＞
　　 ＜HEAD＞
　　 首部元素、元素属性及基本内容。
　　 ＜/HEAD＞
　　 ＜BOBY＞
　　 主体元素、元素属性及基本内容。
　　 ＜/BOBY＞
　　 ＜/HTML＞
　　 首部元素中的内容在浏览器中是不被显示出来，它主要是浏览器使用首部来收集有关页面的各种信息。我们在浏览器中看到的是＜BOBY＞和＜/BOBY＞之间的内容。在此就不再对各元素的应用进行详细说明，下面主要介绍一些元素的含义。
　　1.主窗体元素含义
　　＜HTML＞和＜/HTML＞：超文本的开始和结束。
　　＜HEAD＞和＜/HEAD＞：超文本标题的开始和结束。
　　＜TITLE＞和＜/TITLE＞：超文本窗口标题的开始和结束，它被显示在浏览器顶端的标题栏中。
　　＜META＞：是用来描述HTML文档的元信息，即文档文档自身的信息。
　　＜BODY＞和＜/BODY＞：正文的开始和结束，它被显示在浏览器中。其中可以包含许多元素，是HTML语言的核心部分。
　　主要属性：
　　background=url：指定背景图片，由属性url指定位置。
　　bgcolor=color：指定文档中的背景颜色
　　text=color：指定文档中的文本颜色
　　link=color：指定尚未访问的超链接的颜色
　　alink=color：指定活动的超链接的颜色
　　vlink=color：指定访问过的超链接的颜色
　　HTML使用的颜色可用颜色十六进制的RGB值来表示，也可以用颜色英文名来表示，例如颜色RGB值\"#000000\"和颜色英文名\"Black\"都表示黑色。附常见颜色对照表，如下表。
　　2.字符风格控制元素含义
　　＜H1＞＜/H1＞到＜H6＞＜/H6＞：定义字体的大小。
　　＜B＞和＜/B＞：字体加粗。
　　＜I＞和＜/I＞：字体变斜体。
　　＜U＞和＜/U＞：字体加下划线。
　　＜S＞和＜/S＞：字体加中划线。
　　＜SUP＞和＜/SUP＞：字体为上标。
　　＜SUB＞和＜/SUB＞：字体为下标。
　　＜FONT＞和＜/FONT＞：定义字体属性。
　　FONT的主要参数：
　　size：定义字体的大小。
　　color：定义字体的颜色。
　　center：对齐方式。

　　3.版面控制元素含义
　　＜PRE＞到＜/PRE＞：空格、回车有效。
　　＜ALIGN＞和＜/ALIGN＞：对齐方式，主要参数有左对齐：LEFT右对齐：RIGHT居中对齐：CENTER。
　　＜P＞和＜/P＞：段落的开始和结束。
　　＜HR＞：加划线。
　　＜IMG SRC=...＞：插入图片。
　　4.标题分级控制元素含义
　　＜UL＞和＜OL＞：标题分级方式。
　　＜LI＞：子标题。
　　5.锚元素含义
　　＜a href=\"链接地址\"＞和＜/a＞：锚元素的开始和结束。
　　例如：
　　\"/\"，是表示http链接。
　　\"mailto:info@dali8.net\"，是表示邮件链接。
　　\"file&#58//c:/index.html\"，是表示本地文件链接。
　　\"http://www.dali8.net\"，是表示网络网址链接。
　　\"ftp://ftp.dali8.net/\"，是表示FTP文件下载链接。  
　　6.表格元素含义
　　＜TABLE＞和＜/TABLE＞：表格的开始和结束。
　　＜CAPTION＞和＜/CAPTION＞：表格标题的开始和结束。
　　＜TR＞和＜/TR＞：行的开始和结束。
　　＜TH＞和＜/TH＞：栏标题的开始和结束。
　　＜TD＞和＜/TD＞：栏的开始和结束。
　　主要参数：
　　ALIGN：横向定位
　　VALIGN：纵向定位
　　BORDER：表格边宽
　　COLSPAN：单元所占栏数
　　ROWSPAN：单元所占行数
　　7.交互元素含义
　　＜FORM NAME=\"\" ACTION=\"URL\" METHOD=GET|POST＞
　　＜INPUT TYPE=\"TEXT\"＞：文本框。
　　＜INPUT TYPE=\"PASSWORD\"＞：密码输入。
　　＜INPUT TYPE=\"CHECKBOX\"＞：单选框。
　　＜INPUT TYPE=\"RADIO\"＞：收音机按钮。
　　＜INPUT TYPE=\"IMAGE\"＞：图象。
　　＜SELECT＞和＜/SELECT＞：下拉式选单。
　　＜SELECT MULTIPLE＞和＜/SELECT＞：多项选择。
　　＜TEXTAREA COLS=N ROS=N＞和＜/TEXTAREA＞：文字输入区。
　　＜INPUT TYPE=\"SUBMIT\"＞：提交传送到服务器。
　　＜INPUT TYPE=\"RESET\"＞：清除已输入信息。