提供给大家一些常用的HTML代码

东坡下载 2011年05月26日 10:02:46

      本文章提供给大家在网页设计中常会用到的一些HTML代码,每个代码后都有说明,希望对刚接触网页设计的朋友们能有帮助。

      <! - - … - -> 批注
      <!> 跑马灯
      <marquee>…</marquee>普通卷动
      <marquee behavior=slide>…</marquee>滑
      <marquee behavior=scroll>…</marquee>预设卷动
      <marquee behavior=alternate>…</marquee>来回卷动
      <marquee direction=down>…</marquee>向下卷动
      <marquee direction=up>…</marquee>向上卷
      <marquee direction=right></marquee>向右卷动
      <marquee direction=left></marquee>向左卷动
      <marquee loop=2>…</marquee>卷动次数
      <marquee width=180>…</marquee>设定宽
      <marquee height=30>…</marquee>设定高度
      <marquee bgcolor=FF0000>…</marquee>设定背景颜色
      <marquee scrollamount=30>…</marquee>设定卷动距离
      <marquee scrolldelay=300>…</marquee>设定卷动时间
      <!>字体效
      <h1>…</h1>标题字(最大)
      <h6>…</h6>标题字(最小)
      <b>…</b>粗体字
      <strong>…</strong>粗体字(强调)
      <I>…</I>斜体字
      <em>…</em>斜体字(强调)
      <dfn>…</dfn>斜体字表示定义)
      <u>…</u>底线
      <ins>…</ins>底线(表示插入文字)
      <strike>…</strike>横线
      <s>…</s>删除线
      <del>…</del>删除线(表示删除)
      <kbd>…</kbd>键盘文字nbsp;
      <tt>…</tt> 打字体
      <xmp>…</xmp>固定宽度字体(在文件中空白、换行、定位功能有效)
      <plaintext>…</plaintext>固定宽度字体(不执行标记符号)
      <listing>…</listing> 固定宽度小字体
      <font color=00ff00>…</font>字体颜色
      <font size=1>…</font>最小字体
      <font style =font-size:100 px>…</font>无限增大
      <!>区断标记
      <hr>水平线
      <hr size=9>水平线(设定大小)
      <hr width=80%>水平线(设定宽度)
      <hr color=ff0000>水平线(设定颜色)
      (换行)
      <nobr>…</nobr>水域(不换行)
      <p>…</p>水域(段落)
      <center>…</center>置中
      <!>连结格式
      <base href=地址>(预设好连结路径)
      <a href=地址></a>外部连结
      <a href=地址 target=_blank></a>外部连结(另开新窗口)
      <a href=地址 target=_top></a>外部连结(全窗口连结)
      <a href=地址 target=页框名></a>外部连结(在指定页框连结)
      <!>贴图/音乐
      <img src=图片地址>贴图
      <img src=图片地址 width=180>设定图片宽度
      <img src=图片地址 height=30>设定图片高度
      <img src=图片地址>提示文字>设定图片提示文字
      <img src=图片地址 border=1>设定图片边框
      <bgsound src=MID音乐文件地址>背景音乐设定
      <!>表格语法
      <table aling=left>…</table>表格位置,置左
      <table aling=center>…</table>表格位置,置中
      <table background=图片路径>…</table>背景图片的URL=就是路径网址
      <table border=边框大小>…</table>设定表格边框大小(使用数字)
      <table bgcolor=颜色码>…</table>设定表格的背景颜色
      <table borderclor=颜色码>…</table>设定表格边框的颜色
      <table borderclordark=颜色码>…</table>设定表格暗边框的颜色
      <table borderclorlight=颜色码>…</table>设定表格亮边框的颜色
      <table cellpadding=参数>…</table>指定内容与网格线之间的间距(使用数字)
      <table cellspacing=参数>…</table>指定网格线与网格线之间的距离(使用数字)
      <table cols=参数>…</table>指定表格的栏数
      <table frame=参数>…</table>设定表格外框线的显示方式
      <table width=宽度>…</table>指定表格的宽度大小(使用数字)
      <table height=高度>…</table>指定表格的高度大小(使用数字)
      <td colspan=参数>…</td>指定储存格合并栏的栏数(使用数字)
      <td rowspan=参数>…</td>指定储存格合并列的列数(使用数字)
      <!>分割窗口
      <fr
      a meset cols="20%,*">左右分割,将左边框架分割大小为20%右边框架的大小浏览器会
         自动调整
      <frameset rows="20%,*">上下分割,将上面框架分割大小为20%下面框架的大小浏览器会
         自动调整
      <frameset cols="20%,*">分割左右两个框架
      <frameset cols="20%,*,20%">分割左中右三个框架
      <分割上下两个框架
      <frameset rows="20%,*,20%">分割上中下三个框架
      <! - - … - -> 批注
      <A HREF TARGET> 指定超级链接的分割窗口
      <A HREF=#锚的名称> 指定锚名称的超级链接
      <A HREF> 指定超级链接
      <A NAME=锚的名称> 被连结点的名称
      <ADDRESS>….</ADDRESS> 用来显示电子邮箱地址
      <B> 粗体字
      <BASE TARGET> 指定超级链接的分割窗口
      <BASEFONT SIZE> 更改预设字形大小
      <BGSOUND SRC> 加入背景音乐
      <BIG> 显示大字体
      <BLINK> 闪烁的文字
      <BODY TEXT LINK VLINK> 设定文字颜色
      <BODY> 显示本文
      换行
      <CAPTION ALIGN> 设定表格标题位置
      <CAPTION>…</CAPTION> 为表格加上标题
      <CENTER> 向中对齐
      <CITE>…<CITE> 用于引经据典的文字
      <CODE>…</CODE> 用于列出一段程序代码
      <COMMENT>…</COMMENT> 加上批注
      <DD> 设定定义列表的项目解说
      <DFN>…</DFN> 显示"定义"文字
      <DIR>…</DIR> 列表文字卷标
      <DL>…</DL> 设定定义列表的卷标
      <DT> 设定定义列表的项目
      <EM> 强调之用
      <FONT FACE> 任意指定所用的字形
      <FONT SIZE> 设定字体大小
      <FORM ACTION> 设定户动式窗体的处理方式
      <FORM METHOD> 设定户动式窗体之资料传送方式
      <FRAME MARGINHEIGHT> 设定窗口的上下边界
      <FRAME MARGINWIDTH> 设定窗口的左右边界
      <FRAME NAME> 为分割窗口命名
      <FRAME NORESIZE> 锁住分割窗口的大小
      <FRAME SCROLLING> 设定分割窗口的滚动条
      <FRAME SRC> 将HTML文件加入窗口
      <FRAMESET COLS> 将窗口分割成左右的子窗口
      <FRAMESET ROWS> 将窗口分割成上下的子窗口
      <FRAMESET>…</FRAMESET> 划分分割窗口
      <H1>~<H6> 设定文字大小
      <HEAD> 标示文件信息
      <HR> 加上分网格线
      <HTML> 文件的开始与结束
      <I> 斜体字
      <IMG ALIGN> 调整图形影像的位置
      <IMG ALT> 为你的图形影像加注
      <IMG DYNSRC LOOP> 加入影片
      <IMG HEIGHT WIDTH> 插入图片并预设图形大小
      <IMG HSPACE> 插入图片并预设图形的左右边界
      <IMG LOWSRC> 预载图片功能
      <IMG SRC BORDER> 设定图片边界
      <IMG SRC> 插入图片
      <IMG VSPACE> 插入图片并预设图形的上下边界
      <INPUT TYPE NAME value> 在窗体中加入输入字段
      <ISINDEX> 定义查询用窗体
      <KBD>…</KBD> 表示使用者输入文字
      <LI TYPE>…</LI> 列表的项目 ( 可指定符号 )
      <MARQUEE> 跑马灯效果
      <MENU>…</MENU> 条列文字卷标
      <META NAME="REFRESH" CONTENT URL> 自动更新文件内容
      <MULTIPLE> 可同时选择多项的列表栏
      <NOFRAME> 定义不出现分割窗口的文字
      <OL>…</OL> 有序号的列表
      <OPTION> 定义窗体中列表栏的项目
      <P ALIGN> 设定对齐方向
      <P> 分段
      <PERSON>…</PERSON> 显示人名
      <PRE> 使用原有排列
      <SAMP>…</SAMP> 用于引用字
      <SELECT>…</SELECT> 在窗体中定义列表栏
      <SMALL> 显示小字体
      <STRIKE> 文字加横线
      <STRONG> 用于加强语气
      <SUB> 下标字
      <SUP> 上标字
      <TABLE BORDER=n> 调整表格的宽线高度
      <TABLE CELLPADDING> 调整数据域位之边界
      <TABLE CELLSPACING> 调整表格线的宽度
      <TABLE HEIGHT> 调整表格的高度
      <TABLE WIDTH> 调整表格的宽度
      <TABLE>…</TABLE> 产生表格的卷标
      <TD ALIGN> 调整表格字段之左右对齐
      <TD BGCOLOR> 设定表格字段之背景颜色
      <TD COLSPAN ROWSPAN> 表格字段的合并
      <TD NOWRAP> 设定表格字段不换行
      <TD VALIGN> 调整表格字段之上下对齐
      <TD WIDTH> 调整表格字段宽度
      <TD>…</TD> 定义表格的数据域位
      <TEXTAREA NAME ROWS COLS> 窗体中加入多少列的文字输入栏
      <TEXTAREA WRAP> 决定文字输入栏是自动否换行
      <TH>…</TH> 定义表格的标头字段
      <TITLE> 文件标题
      <TR>…</TR> 定义表格美一行
      <TT> 打字机字体
      <U> 文字加底线
      <UL TYPE>…</UL> 无序号的列表 ( 可指定符号 )