站长论坛

标题: 简单好用的 HTML 卷标与属性 [打印本页]

作者: superadmin 时间: 2007-12-15 13:16
标题: 简单好用的 HTML 卷标与属性
Body 卷标与属性

<BODY>...</BODY> 网页中将会显示在浏览器画面上的内容都包含在这组卷标里面

<BODY bgcolor="color"> 以十六进制码设定网页背景色

<BODY background="filename.xxx"> 以图片作为页面的背景（也就是桌布）

<BODY text="color"> 以十六进制码设定页面文字颜色

<BODY link="color"> 以十六进制码设定尚未点选过的超链接文字颜色

<BODY alink="color"> 以十六进制码设定作用中（鼠标左键按下）的超链接文字颜色

<BODY vlink="color"> 以十六进制码设定曾经点选过的超链接文字颜色

字形卷标与属性

<FONT>...</FONT> 设定被包含在此卷标内文字的各种属性

<FONT size="value">...</FONT> 设定文字的尺寸，从 1 到 7，1 代表最小，7 代表最大文字尺寸

<FONT face="name">...</FONT> 设定文字所使用的字型

<FONT color="color">...</FONT> 以十六进制码设定文字的颜色

图形卷标与属性

<IMG> 在卷标所在的位置插入一张图片

<IMG src="url" alt="text"> 插入一张图片，并且为图片加上说明文字

<IMG src="url" alt="text" align="direction"> 将图片靠左，靠右对齐（文绕图效果），或者将旁边的文字对齐图片的底端，中央或顶端

<IMG src="url" alt="text" border="number"> 设定图片的边框尺寸（设定成 0 代表没有边框）

<IMG src="url" alt="text" height="pixels"> 设定图片的高度

<IMG src="url" alt="text" width="pixels"> 设定图片的宽度中

<IMG src="url" alt="text" hspace="pixels"> 设定图片左右两边的留白宽度

<IMG src="url" alt="text" vspace="pixels"> 设定图片上下两边的留白高度

<IMG src="url" alt="text" usemap="map-name"> 将图片设定成为（浏览器端）影像地图（需要搭配另一组<MAP>...</MAP>卷标才可正常作用）

超链接卷标与属性

<A>...</A> 设定超链接的来源与连往的目的地

<A HREF="url">...</A> 产生一个超链接，指向 url 所代表的页面

<A HREF="#NAME">...</A> 连向目前同一页面中的某个特定目标位置

<A HREF="URL#NAME">...</A> 连向其它网站某个页面中的特定目标位置

<A NAME="NAME">...</A> 在某个页面中设定目标位置（又称为锚点 anchor）

<A HREF="mailto:email">...</A> 建立一个电子邮件信箱连结

选用属性：

<A HREF="?" target="?">...</A> 指定被连结的页面要显示在那个窗口

<A HREF="?" rel="?">...</A> 设定目标页面和目前页面本身之间的关系

<A HREF="?" rev="?">...</A> 设定目标页面和目前页面本身之间的反向关系

表格卷标与属性

<TABLE>...</TABLE> 产生一个表格

<TABLE border="pixels"> 设定表格格子的框线宽度

<TABLE cellspacing="pixels"> 设定格子与格子之间的间隔距离

<TABLE cellpadding="pixels"> 设定格子的内留白（格子框线与内容之间的空白）宽度

<TABLE height="pixels" or "%"> 设定表格的高度

<TABLE width="pixels" or "%"> 设定表格的宽度

<TD>...</TD> 定义一个格子（用来放置表格资料）

<TD colspan="columns"> 设定一个格子横跨的栏的数目

<TD rowspan="rows"> 设定一个格子纵跨的列的数目

<TD nowrap> 不让格子内的文字自动断行

<TH>...</TH> 定义表格内容标题，里面的文字会以粗体字，置中呈现

<TR>...</TR> 定义表格中的一个列

<TR align="?"> or <TD align="?"> 设定表格列或某个格子的内容对齐方式（靠左，靠右或者置中对齐）

<TR valign="?"> or <TD valign="?"> 设定表格列或者某个格子内容的垂直对齐方式（靠上，置中或者靠底端对齐）

分割窗口卷标与属性

<FRAMESET>...</FRAMESET>

在主浏览器窗口中定义分割窗口的切割方式

<FRAMESET rows="value,value">

在一组分割窗口里面定义出一个列

<FRAMESET cols="value,value">

在一组分割窗口里面定义出一个栏

<NOFRAMES>...</NOFRAMES>

针对不支持分割窗口的浏览器显示选用性的内容

<FRAME src="?">

设定某个分割窗口要显示的页面 url

<FRAME name="name">

为某个分割窗口命名，以便设定超链接的目的地

<FRAME marginwidth="#">

设定某个分割窗口的内容左右两边留白宽度

<FRAME marginheight="#">

设定某个分割窗口的内容上下两边留白高度

<FRAME scrolling="value">

设定某个窗口是否出现滚动条

<FRAME noresize>

不让使用者改变某个分割窗口的尺寸大小

窗体字段卷标与属性

<FORM>...</FORM>

产生一个窗体，用来放置各种字段

<FORM action="url">

指定要用来处理窗体内容的程序的位置与文件名

<FORM method="get|post">

指定浏览器传送资料给后端程序的方式

<FORM accept="media type">

指定处理窗体资料的服务器所支持的 MIME 类型

<FORM accept-charset="text">

指定处理窗体资料的服务器所支持的字集

<FORM enctype="media type">

指定窗体资料的格式

<OPTION>

定义下拉选单中的一个选项

<SELECT name="NAME">...</SELECT>

产生一个下拉选单

<INPUT type="checkbox">

产生一个复选框（复选）

<INPUT type="hidden">

建立一个隐藏字段（该字段不会显示在浏览器画面上）

<INPUT type="image">

建立一个用来代替提交按钮的图片（与提交按钮一样按下后会把窗体资料传送给指定的程序）

Chinaz~com

<INPUT type="password">

产生一个单行的密码输入字段（输入的内容会以 * 号显示在画面上，避免他人窥见）
<INPUT type="radio">

产生一个收音机按钮（单选）

<INPUT type="text">

产生一个单行的文字输入字段

<INPUT type="submit">

产生一个窗体资料提交按钮，按下后会把窗体资料传送给指定的程序

<INPUT type="reset">

产生一个用来恢复窗体内容的清除按钮，按下以后窗体内容会恢复成原本的默认值

欢迎光临站长论坛 (http://www.tzlink.com/bbs/)