再回顾Html 标签
2009年6月6日星期六 | | || 1.结构性定义 文件类型 ＜HTML>＜/HTML> (放在档案的开头与结尾) 文件主题 ＜TITLE>html代码大全＜/TITLE> (必须放在「文头」区块内) 文头 ＜HEAD>＜/HEAD> (描述性资料，像是「主题」) 文体 ＜BODY>＜/BODY> (文件本体) 标题 ＜H?>＜/H?> (从1到6，有六层选择) 标题的对齐 ＜H? ALIGN=LEFT|CENTER|RIGHT>＜/H?> 区分 ＜DIV>＜/DIV> 区分的对齐 ＜DIV ALIGN=LEFT|RIGHT|CENTER|JUSTIFY>＜/DIV> 引文区块 ＜BLOCKQUOTE>＜/BLOCKQUOTE> (通常会内缩) 强调 ＜EM>＜/EM> (通常会以斜体显示) 特别强调 ＜STRONG>＜/STRONG> (通常会以加粗显示) 引文 ＜CITE>＜/CITE> (通常会以斜体显示) 码 ＜CODE>＜/CODE> (显示原始码之用) 样本 ＜SAMP>＜/SAMP> 键盘输入 ＜KBD>＜/KBD> 变数 ＜VAR>＜/VAR> 定义 ＜DFN>＜/DFN> (有些浏览器不提供) 地址 ＜ADDRESS>＜/ADDRESS> 大字 ＜BIG>＜/BIG> 小字 ＜SMALL>＜/SMALL> 与外观相关的标签(作者自订的表现方式) 加粗 ＜B>＜/B> 斜体 ＜I>＜/I> 底线 ＜U>＜/U> (尚有些浏览器不提供) 删除线 ＜S>＜/S> (尚有些浏览器不提供) 下标 ＜SUB>＜/SUB> 上标 ＜SUP>＜/SUP> 打字机体 ＜TT>＜/TT> (用单空格字型显示) 预定格式 ＜PRE>＜/PRE> (保留文件中空格的大小) 预定格式的宽度 ＜PRE WIDTH=?>＜/PRE>(以字元计算) 向中看齐 ＜CENTER>＜/CENTER> (文字与图片都可以) 闪耀 ＜BLINK>＜/BLINK> (有史以来最被嘲弄的标签) 字体大小 ＜FONT SIZE=?>＜/FONT>(从1到7) 改变字体大小 ＜FONT SIZE=+|-?>＜/FONT> 基本字体大小 ＜BASEFONT SIZE=?> (从1到7; 内定为3) 字体颜色 ＜FONT COLOR="#$$$$$$">＜/FONT> 2.连结与图形 连结 ＜A href="/URL">＜/A> 连结到锚点 ＜A HREF="URL#***">＜/A>(如果锚点在另一个档案) ＜A HREF="#***">＜/A> (如果锚点目前的档案) 连结到目的视框 ＜A href="/URL" TARGET="***">＜/A> 设定锚点 ＜A NAME="***">＜/A> 图形 ＜IMG src="/URL"> 图形看齐方式 ＜IMG src="/URL" ALIGN=TOP|BOTTOM|MIDDLE> 图形看齐方式 ＜IMG src="/URL" ALIGN=LEFT|RIGHT|TEXTTOP|ABSMIDDLE|BASELINE|ABSBOTTOM> 取代文字 ＜IMG src="/URL" ALT="***"> (如果没有办法显示图形则显示此文字) 点选图 ＜IMG src="/URL" ISMAP> (需要CGI程式) N2.0 点选图 ＜IMG src="/URL" USEMAP="URL"> N2.0 地图 ＜MAP NAME="***">＜/MAP>(描述地图) N2.0 段落 ＜AREA SHAPE="RECT" COORDS=",,," href="/URL"|NOHREF> 3.0 大小 ＜IMG src="/URL" WIDTH="?" HEIGHT="?">(以pixels为单位) N1.0 图形边缘 ＜IMG src="/URL" BORDER=?> (以pixels为单位) N1.0 图形边缘空间 ＜IMG src="/URL" HSPACE=? VSPACE=?> (以pixels为单位) N1.0 低解析度图形 ＜IMG src="/URL" LOWsrc="/URL"> N1.1 用户端 ＜META HTTP-EQUIV="Refresh" CONTENT="?; URL=URL">(使用端自动更新 ) N2.0 内嵌物件 ＜EMBED src="/URL"> (将物件插入页面) N2.0 内嵌物件大小 ＜EMBED src="/URL" WIDTH="?" HEIGHT="?"> 3.分隔 段落 ＜P> (通常是两个return) 3.0 段落 ＜P>＜/P> (新定义成容器型标签) 3.0 文字看齐方式 ＜P ALIGN=LEFT|CENTER|RIGHT>＜/P> 换行 ＜BR> (一个return) N1.0 文字部份看齐方式＜BR CLEAR=LEFT|RIGHT|ALL>(与图形合用时) 横线 ＜HR> N1.0 横线对齐 ＜HR ALIGN=LEFT|RIGHT|CENTER> N1.0 横线厚度 ＜HR SIZE=?> (以pixels为单位) N1.0 横线宽度 ＜HR WIDTH=?> (以pixels为单位) N1.0 横线比率宽度 ＜HR WIDTH=%> (以页宽为100%) N1.0 实线 ＜HR NOSHADE> (没有立体效果) N1.0 不可换行 ＜NOBR>＜/NOBR> (不换行) N1.0 可换行处 ＜WBR> (如果需要，可在此断行) 列举 (可以巢状列举) 无次序式列举 ＜UL>＜LI>＜/UL> (＜LI> 放在每一项前) N1.0 公布式列举 ＜UL TYPE=DISC|CIRCLE|SQUARE>(定义全部的列举项) ＜LI TYPE=DISC|CIRCLE|SQUARE>(定义这个及其后的列举项) 有次序式列举 ＜OL>＜LI>＜/OL> (＜LI> 放在每一项前) N1.0 数标型态 ＜OL TYPE=A|a|I|i|1> (定义全部的列举项) ＜LI TYPE=A|a|I|i|1> (定义这个及其后的列举项) N1.0 起始数字 ＜OL value=?> (定义全部的列举项) ＜LI value=?> (定义这个及其后的列举项) 定义式列举 ＜DL>＜DT>＜DD>＜/DL>(＜DT>项目, ＜DD>定义) 表单式列举 ＜MENU>＜LI>＜/MENU>(＜LI> 放在每一项前) 目录式列举 ＜DIR>＜LI>＜/DIR> (＜LI> 放在每一项前) 背景与颜色 3.0 重复排列的背景 ＜BODY background="/URL"> N1.1+ 背景颜色 ＜BODY BGCOLOR="#$$$$$$"> (依序为红、绿、蓝) N1.1+ 文字颜色 ＜BODY TEXT="#$$$$$$"> N1.1+ 连结颜色 ＜BODY LINK="#$$$$$$"> N1.1+ 看过的连结 ＜BODY VLINK="#$$$$$$"> N1.1 使用中的连结 ＜BODY ALINK="#$$$$$$"> 4.特殊字元(以下标签需用小写) 特别符号 &#?; (其中 ? 代表 ISO 8859-1 的编码) ＜ ＜ > > & & " " 注册商标TM ? N1.0+ 注册商标TM ? 著作权符号 ? N1.0+ 著作权符号 ? 5.表单 (通常需要与CGI程式配合) 定义表单 ＜FORM ACTION="URL" METHOD=GET|POST>＜/FORM> N2.0 上传档案 ＜FORM ENCTYPE="multipart/form-data">＜/FORM> 输入栏位 ＜INPUT TYPE="TEXT|PASSWORD|CHECKBOX|RADIO|IMAGE|HIDDEN|SUBMIT|RESET"> 栏位名称 ＜INPUT NAME="***"> 栏位内定值 ＜INPUT value="***"> 已选定 ＜INPUT CHECKED> (适用於checkboxes与 radio boxes) 栏位宽度 ＜INPUT SIZE=?> (以字元数为单位) 最长字数 ＜INPUT MAXLENGTH=?> (以字元数为单位) 下拉式选单 ＜SELECT>＜/SELECT> 下拉式选单名称 ＜SELECT NAME="***">＜/SELECT> 选单项目数量 ＜SELECT SIZE=?>＜/SELECT> 多选式选单 ＜SELECT MULTIPLE> (多选) 选项 ＜OPTION> 内定选项 ＜OPTION SELECTED> 文字输入区 ＜TEXTAREA ROWS=? COLS=?>＜/TEXTAREA> 输入区名称 ＜TEXTAREA NAME="***">＜/TEXTAREA> N2.0 输入区换行方式 ＜TEXTAREA WRAP=OFF|VIRTUAL|PHYSICAL>＜/TEXTAREA> 6.表格 3.0 定义表格 ＜TABLE>＜/TABLE> 3.0 表格框线 ＜TABLE BORDER>＜/TABLE> (有或没有) N1.1 表格框线 ＜TABLE BORDER=?>＜/TABLE>(可以设定数值) N1.1 储存格左右留白 ＜TABLE CELLSPACING=?> N1.1 储存格上下留白 ＜TABLE CELLPADDING=?> N1.1 表格宽度 ＜TABLE WIDTH=?> (以pixels为单位) N1.1 宽度比率 ＜TABLE WIDTH=%> (页宽为100%) 3.0 表格列 ＜TR>＜/TR> 3.0 表格列内容看齐 ＜TR ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM> 3.0 储存格 ＜TD>＜/TD> (须与列并用) 3.0 储存格内容看齐 ＜TD ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM> 3.0 不换行 ＜TD NOWRAP> N3.0 储存格背景颜色 ＜TD BGCOLOR=#$$$$$$> 3.0 储存格横向连接 ＜TD COLSPAN=?> 3.0 储存格纵向连接 ＜TD ROWSPAN=?> N1.1 储存格宽度 ＜TD WIDTH=?> (以pixels为单位) N1.1 储存格宽度比率 ＜TD WIDTH=%> (页宽为100%) 3.0 表格标题 ＜TH>＜/TH> (跟＜TD>一样，不过会对中并加粗) 3.0 表格标题对齐 ＜TH ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM> 3.0 表格标题不换行 ＜TH NOWRAP> 3.0 表格标题占几栏 ＜TH COLSPAN=?> 3.0 表格标题占几列 ＜TH ROWSPAN=?> N1.1 表格标题宽度 ＜TH WIDTH=?> (以pixels为单位) N1.1 表格标题比率宽度＜TH WIDTH=%> (页宽为100%) 3.0 表格抬头 ＜CAPTION>＜/CAPTION> 3.0 表格抬头看齐 ＜CAPTION ALIGN=TOP|BOTTOM>(在表格之上/之下) 视框 (定义与控制萤幕上的特定区域) N2.0 视框格式总定义 ＜FRAMESET>＜/FRAMESET> (取代＜BODY>) N2.0 视框行长度分配 ＜FRAMESET ROWS=,,,>＜/FRAMESET>(pixels 或 %) N2.0 视框行长度分配 ＜FRAMESET ROWS=*>＜/FRAMESET> (* = 相对大小) N2.0 视框栏宽度分配 ＜FRAMESET COLS=,,,>＜/FRAMESET>(pixels 或 %) N2.0 视框栏宽度分配 ＜FRAMESET COLS=*>＜/FRAMESET> (* =相对大小) N2.0 定义个别视框 ＜FRAME> (定义个别视框) N2.0 个别视框内容 ＜FRAME src="/URL"> N2.0 个别视框名称 ＜FRAME NAME="***"|_blank|_self|_parent|_top> N2.0 边缘宽度 ＜FRAME MARGINWIDTH=?> (「左」与「右」边界) N2.0 边缘高度 ＜FRAME MARGINHEIGHT=?> (「天顶」与「地底」边界) N2.0 卷动条 ＜FRAME SCROLLING="YES|NO|AUTO"> N2.0 不可改变大小 ＜FRAME NORESIZE> N2.0 无视框时的内容 ＜NOFRAMES>＜/NOFRAMES>(如果浏览器不提供视框功能的话) 背景色彩和文字色彩 ＜body bgcolor=# text=# link=# alink=# vlink=#> bgcolor --- 背景色彩 text --- 非可链接文字的色彩 link --- 可链接文字的色彩 alink --- 正被点击的可链接文字的色彩 vlink --- 已经点击(访问)过的可链接文字的色彩 #=rrggbb 色彩是用 16 进制的 红－绿－蓝(red-green-blue, RGB) 值来表示。 16 进制的数码有: 0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f. 背景图象 ＜body background="image-URL"> Non Scrolling Background ＜body bgproperties=FIXED> 页面左边的空白 ＜body leftmargin=#> 页面上方的空白(天头) ＜body topmargin=#> #=margin amount 跳转到页面的另外一个地方 ＜a href="#name"> ... ＜/a> ＜a name="name"> ... ＜/a> ＜a href="#jump-test">跳转到下一个"链接点"＜/a>＜P> ＜a name="jump-test">下一个链接点＜/a> 跳转到下一个"链接点" 跳转到另一个页面的某个地方 ＜a href="URL#name"> ... ＜/a> ＜a name="name"> ... ＜/a> 跳转到另一个页面的＜a href="samp/link.html#jump-test">某个地方＜/a>。 开一个新的(浏览器)窗口 (Target Window) ＜a href="URL" target="Window_Name"> ... ＜/a> ＜a href="samp/window.html" target="window_name">开一个新窗口!＜/a> ＜!-- 超链接 ---> ＜a href="url" target="_blank/_self/_top/_parent/windowname">文字＜/a> ＜!-- 水平线 --> ＜hr size=1 width="100%" align="left/right/center" noshade color=#> ＜!-- 表单 --> ＜form action="url" method="get/post" target="_self/_top/name" name="form1"> ＜input type="text/password/checkbox/radio/image/hidden/submit/reset" name="name" value="" maxlength="35" size=30> ＜select name="name" size="1"> ＜option value="" selected>文字 ＜/select> ＜textarea name=name rows=12 cols=60 wrap="off/soft/hard">＜/textarea> ＜/form> ＜!-- 滚动文字/图片 --> ＜marquee behavior="scroll/alternate/slide" scrollamount="2" scrolldelay="50" direction="left/right/up/down" align="center/left/right" bgcolor=# width=300 height="200" border="0"> 文字或图片 ＜/marquee> |
博文
