DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML和Xhtml >> HTML常用標簽大全及html標簽的特點
HTML常用標簽大全及html標簽的特點
編輯:HTML和Xhtml     

首先要知道html標簽的一些特點:

1.類似“<關鍵字>”這樣由尖括號包關鍵字組成,例如<html>,<div>……

2.一般是成對出現的,由開始標簽類似“<div>元素內容</div>”,左邊標簽一邊叫開始標簽,右邊</ >叫結束標簽,有始有終,除了一些個別是單閉合標簽的

先記一些個別例外的單閉合標簽,例如:

<meta /> 設置頁面信息的   <param /> 可為包含它的<object>或<applet>提供參數 <br /> 換行   <keygen /> 定義生成密鑰 <hr /> 水平線   <source /> 為媒介元素(如<video>或<audio>)定義媒介源 <area /> 圖像映秀區域   <col /> 為表格中一個或多個列定義屬性值 <input /> 表單元素,type不同輸入字段擁有不同形式   <frame /> 定義frameset中的一個特定的窗口(框架) <link /> 鏈接樣式表   <embed /> 定義嵌入的內容,比如插件 <basefont /> 定義基准字體,html5不支持<basefont>標簽,不贊成使用   ......  

下面按不同效果將標簽進行分類:

1.字體效果

<h1>…</h1> 標題1(最大)一級級往下字體變小,網頁一般從h1~h4,h4之後一般不會用了   <s>…</s> 刪除線 <h6>…</h6> 標題6(最小)   <del>…</del> 刪除線(表示刪除) <b>…</b> 粗體字   <kbd>…</kbd> 鍵盤文字 <strong>..</strong> 粗體字(強調)   <tt>…</tt> 打字體 <i>…</i> 斜體字   <xmp>…</xmp> 固定寬度字體(在文件中空白、換行、定位功能有效) <em>…/em> 斜體字(強調)   <plaintext>…</plaintext> 固定寬度字體(不執行標記符號) <dfn>...</dfn> 斜體字(表示定義)   <listing>…</listing> 固定寬度小字體 <u>…</u> 底線   <font color=00ff00>…</font> 字體顏色(寫成類似color=“#00ff00”也可以) <ins>...</ins> 底線(表示插入文字)   <font size=1>…</font> 最小字體 <strike>…</strike> 橫線   <font style=font-size:100 px></font> 無限增大(字體大小為100px)

2.區斷標記

<hr /> 水平線   <nobr>…</nobr> 禁止換行,No Break的縮寫 <hr size=9 /> 水平線(設定大小)   <p>…</p> 段落 <hr width=80% /> 水平線(設定寬度)   <center>…</center> 對其包圍的文本進行居中設置 <hr color=00ff00 /> 水平線(設定顏色)       <br /> 換行      

3.鏈接

<base href=地址> 為頁面上的所有鏈接規定默認地址或默認目標   <a  href=地址 target=_top></a> 指定超鏈接目標的 URL(全窗口連接) <a href=地址></a> 指定超鏈接目標的 URL   <a href=地址 target=頁框名></a> 指定超鏈接目標的 URL(在指定頁框連接) <a href=地址 target=_blank></a> 指定超鏈接目標的 URL(另開新窗口)      

4.圖像/音樂

<img src=圖片地址 /> 往網頁貼圖片   <img src=圖片地址 border=1 /> 設定貼的圖片邊框 <img src=圖片地址 width=180 /> 設定貼的圖片寬度   <bgsound src=MID音樂文件地址 /> 背景音樂設定 <img src=圖片地址 height=30 /> 設定貼的圖片高度      

5.表格

<table aling=left>…</table> 表格位置,置左   <table cellpadding=參數>…</table> 指定網格線與網絡線之間的距離(使用數字) <table aling=center>…</table> 表格的位置,置中   <table cols=參數>…</table> 指定表格的欄數 <table background=圖片路徑>…</table> 背景圖片的URL=就是路徑網址   <table frame=參數>…</table> 設定表格外邊框線的顯示方式 <table border=邊框大小>…</table> 設定表格邊框大小(使用數字)   <table width=寬度>…</table> 指定表格寬度大小(使用數字) <table bgcolor=顏色碼>…</table> 設置表格的背景顏色   <table height=高度>…</table> 指定表格高度大小(使用數字) <table bordercolor=顏色碼>…</table> 設定表格邊框的顏色   <td colspan=參數>…</td> 指定儲存格合並欄的欄數(使用數字) <table bordercolordark=顏色碼>…</table> 設定表格暗邊框的顏色   <td rowspan=參數>…</td> 指定儲存格合並列的列數(使用數字) <table bordercolorlight=顏色碼>…</table> 設定表格亮邊框的顏色      

6.分割窗口

<frameset col=”20%”,*> 左右分割,將左邊框架分割大小為20%,右邊框架的大小浏覽器會自動調整   <comment>…</comment> 加上批注 <frameset rows=”20%,*”> 上下分割,將上面框架分割大小為20%,下面框架的大小浏覽器會自動調整   <dd>…</dd> 設定定義列表的項目描述 <frameset cols=”20%,*”> 分割左右兩個框架   <dfn>…</dfn> 顯示"定義"文字 <frameset cols=”20%,*,20%”> 分割左中右三個框架   <dir>…</dir> 列表文字卷標 <frameset rows=”20%,*,20%”> 分割上中下三個框架   <dl>…</dl> 設定定義列表的卷標 <!--…--> 批注   <dt>...</dt> 定義列表中的項目 <a href target> 指定超級鏈接的分割窗口   <em>…</em> 強調之用 <a href="#錨的名稱> 指定錨名稱的超級鏈接   <font face> 任意指定所用的字形 <a href> 指定超級鏈接   <font size> 設定字體大小 <a name=錨的名稱> 被連結點的名稱   <form action> 設定 <address>…</address> 用來顯示電子郵箱地址       <b>…</b> 粗體字       <base target> 指定超級鏈接的分割窗口       <bgsound src> 加入背景音樂       <big>…</big> 呈現大號字體效果       <blink> 顯示閃爍的字符串或文字(IE不支持)       <body text link vlink> 設定文字顏色       <body>…</body> 顯示本文       <br /> 換行       <capition align> 設定表格標題位置       <caption>…</caption> 為表格加上標題       <center>…</center> 對包圍的文本進行居中處理,html5不支持此標簽       <cite>…<cite> 用於引經據典的文字       <code>…</code> 用於列出一段程序代碼      

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved