az360 / 模仿秀 / HTML 语法精要!

0 0

   

HTML 语法精要!

2011-01-19  az360

HTML 语法精要
 
 

  这里收集了 HTML 的所有语法〈当然并不是全部,但也差不多是这样了〉。希望对网友查询时比较方便。注:按英文字母顺序排列

  卷标 , 属性名称 简介

  <! - - ... - -> 批注

  <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> 显示本文

  <BR> 换行

  <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> 无序号的列表 ( 可指定符号 )

  <VAR>...</VAR> 用于显示变量

標籤 , 屬性名稱 , 簡介 

 <! - - ... - -> 註解 

 <!> 跑馬燈 

 <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>鍵盤文字 

 <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>水平線(設定顏色) 

 <br>(換行) 

 <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=圖片位址 alt=提示文字>設定圖片提示文字 

 <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>指定儲存格合併列的列數(使用數字) 

 <!>分割視窗 

 <frameset 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> 顯示本文 

 <BR> 換行 

 <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> 無序號的列表 ( 可指定符號 ) 

 <VAR>...</VAR> 用於顯示變數

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。如发现有害或侵权内容,请点击这里 或 拨打24小时举报电话:4000070609 与我们联系。

    猜你喜欢

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多
    喜欢该文的人也喜欢 更多