html教學+HTML文法大全

來源:互聯網
上載者:User
<!  -  -  ...  -  ->  註解  
 <!>  跑馬燈  
 <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=位址<!  -  -  ...  -  ->  註解  
 <!>  跑馬燈  
 <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> 用於顯示變數

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.