职业IT人-IT人生活圈

 找回密码
 成为会员
搜索
查看: 1949|回复: 6

简单好用的 HTML 卷标与属性

[复制链接]
胖哥 发表于 2007-8-15 11:10 | 显示全部楼层 |阅读模式
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\">建立一个用来代替提交按钮的图片(与提交按钮一样按下后会把窗体资料传送给指定的程序)
<INPUT type=\"password\">产生一个单行的密码输入字段(输入的内容会以 * 号显示在画面上,避免他人窥见)
<INPUT type=\"radio\">产生一个收音机按钮(单选)
<INPUT type=\"text\">产生一个单行的文字输入字段
<INPUT type=\"submit\">产生一个窗体资料提交按钮,按下后会把窗体资料传送给指定的程序
<INPUT type=\"reset\">产生一个用来恢复窗体内容的清除按钮,按下以后窗体内容会恢复成原本的默认值
415514229 发表于 2009-3-31 21:44 | 显示全部楼层
还是有点迷惑的
叫我小乖 发表于 2011-7-20 19:13 | 显示全部楼层
朕要午休了..............
已经来了吗 发表于 2011-7-29 10:04 | 显示全部楼层
不是吧~~
江南枫 发表于 2011-7-31 10:17 | 显示全部楼层
呵呵 大家好奇嘛 来观看下~~~~
紫衿 发表于 2011-8-3 12:05 | 显示全部楼层
呵呵 那是啊~~
江波 发表于 2011-8-5 11:41 | 显示全部楼层
真~~~~~~~~~~
您需要登录后才可以回帖 登录 | 成为会员

本版积分规则

QQ|手机版|小黑屋|网站帮助|职业IT人-IT人生活圈 ( 粤ICP备12053935号-1 )|网站地图
本站文章版权归原发布者及原出处所有。内容为作者个人观点,并不代表本站赞同其观点和对其真实性负责,本站只提供参考并不构成任何投资及应用建议。本站是信息平台,网站上部分文章为转载,并不用于任何商业目的,我们已经尽可能的对作者和来源进行了通告,但是能力有限或疏忽造成漏登,请及时联系我们,我们将根据著作权人的要求立即更正或者删除有关内容。

GMT+8, 2024-4-25 07:14 , Processed in 0.125491 second(s), 20 queries , Gzip On.

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表