菜鸟快速读懂HTML语言
时间：2007-02-17 来源：PHP爱好者
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:[email protected]"，是表示邮件链接。
"file://c:/index.html"，是表示本地文件链接。
"ftp://ftp.webjx.com/"，是表示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"＞：清除已输入信息。
php爱好者站 http://www.ｐｈｐfans.net php动态|php基础|php进阶|php模板.
＜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:[email protected]"，是表示邮件链接。
"file://c:/index.html"，是表示本地文件链接。
"ftp://ftp.webjx.com/"，是表示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"＞：清除已输入信息。
php爱好者站 http://www.ｐｈｐfans.net php动态|php基础|php进阶|php模板.
相关阅读 更多 +
