简单好用的 HTML 卷标与属性

2022-07-15 80酷酷网 80kuku.com

Body 卷标与属性
	网页中将会显示在浏览器画面上的内容都包含在这组卷标里面
`<BODY bgcolor="color">`	以十六进制码设定网页背景色
`<BODY background="filename.xxx">`	以图片作为页面的背景（也就是桌布）
`<BODY text="color">`	以十六进制码设定页面文字颜色
`<BODY link="color">`	以十六进制码设定尚未点选过的超链接文字颜色
`<BODY alink="color">`	以十六进制码设定作用中（鼠标左键按下）的超链接文字颜色
`<BODY vlink="color">`	以十六进制码设定曾经点选过的超链接文字颜色

字形卷标与属性
	设定被包含在此卷标内文字的各种属性
`<FONT size="value">...</FONT>`	设定文字的尺寸，从 1 到 7，1 代表最小，7 代表最大文字尺寸
`<FONT face="name">...</FONT>`	设定文字所使用的字型
`<FONT color="color">...</FONT>`	以十六进制码设定文字的颜色

图形卷标与属性
	在卷标所在的位置插入一张图片
`<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 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 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 rows="value,value">`	在一组分割窗口里面定义出一个列
`<FRAMESET cols="value,value">`	在一组分割窗口里面定义出一个栏
`<NOFRAMES>...</NOFRAMES>`	针对不支持分割窗口的浏览器显示选用性的内容
	设定某个分割窗口要显示的页面 url
`<FRAME name="name">`	为某个分割窗口命名，以便设定超链接的目的地
`<FRAME marginwidth="#">`	设定某个分割窗口的内容左右两边留白宽度
`<FRAME marginheight="#">`	设定某个分割窗口的内容上下两边留白高度
`<FRAME scrolling="value">`	设定某个窗口是否出现滚动条
`<FRAME noresize>`	不让使用者改变某个分割窗口的尺寸大小

窗体字段卷标与属性
	产生一个窗体，用来放置各种字段
`<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">`	产生一个用来恢复窗体内容的清除按钮，按下以后窗体内容会恢复成原本的默认值