訂閱本欄目 RSS您所在的位置: 深山工作室 > DIV+CSS > 正文

了解html基礎知識之html標簽集合

懶人圖庫 2008/4/24 23:26:47 深山行者 字體: 瀏覽 7578

總類(所有HTML文件都有的)
文件類型 <HTML></HTML> (放在檔案的開頭與結尾)
文件主題 <TITLE></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>


鏈結與圖形
鏈接 <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程式)
點選圖 <IMG SRC="URL" USEMAP="URL">
地圖 <MAP NAME="***"></MAP>(描述地圖)
段落 <AREA SHAPE="RECT" COORDS=",,," HREF="URL"|NOHREF>
大小 <IMG SRC="URL" WIDTH="?" HEIGHT="?">(以pixels為單位)
圖形邊緣 <IMG SRC="URL" BORDER=?> (以pixels為單位)
圖形邊緣空間 <IMG SRC="URL" HSPACE=? VSPACE=?> (以pixels為單位)
低解析度圖形 <IMG SRC="URL" LOWSRC="URL">
用戶端拉 <META HTTP-EQUIV="Refresh" CONTENT="?; URL=URL">(使用端自動更新 )
內嵌物件 <EMBED SRC="URL"> (將物件插入頁面)
內嵌物件大小 <EMBED SRC="URL" WIDTH="?" HEIGHT="?">


分隔
段落 <P> (通常是兩個return)
段落 <P></P> (新定義成容器型標簽)
文字看齊方式 <P ALIGN=LEFT|CENTER|RIGHT></P>
換行 <BR> (一個return)
文字部份看齊方式<BR CLEAR=LEFT|RIGHT|ALL>(與圖形合用時)
橫線 <HR>
橫線對齊 <HR ALIGN=LEFT|RIGHT|CENTER>
橫線厚度 <HR SIZE=?> (以pixels為單位)
橫線寬度 <HR WIDTH=?> (以pixels為單位)
橫線比率寬度 <HR WIDTH=%> (以頁寬為100%)
實線 <HR NOSHADE> (沒有立體效果)
不可換行 <NOBR></NOBR> (不換行)
可換行處 <WBR> (如果需要,可在此斷行)


列舉(可以巢狀列舉)
無次序式列舉 <UL><LI></UL> (<LI> 放在每一項前)
公布式列舉 <UL TYPE=DISC|CIRCLE|SQUARE>(定義全部的列舉項)
<LI TYPE=DISC|CIRCLE|SQUARE>(定義這個及其後的列舉項)
有次序式列舉 <OL><LI></OL> (<LI> 放在每一項前)
數標型態 <OL TYPE=A|a|I|i|1> (定義全部的列舉項)
<LI TYPE=A|a|I|i|1> (定義這個及其後的列舉項)
起始數字 <OL VALUE=?> (定義全部的列舉項)
<LI VALUE=?> (定義這個及其後的列舉項)
定義式列舉 <DL><DT><DD></DL>(<DT>項目, <DD>定義)
表單式列舉 <MENU><LI></MENU>(<LI> 放在每一項前)
目錄式列舉 <DIR><LI></DIR> (<LI> 放在每一項前)


背景與顏色
重復排列的背景 <BODY BACKGROUND="URL">
背景顏色 <BODY BGCOLOR="#$$$"> (依序為紅、綠、藍)
文字顏色 <BODY TEXT="#$$$">
連結顏色 <BODY LINK="#$$$">
看過的連結 <BODY VLINK="#$$$">
使用中的連結 <BODY ALINK="#$$$">


表單(通常需要與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>
輸入區換行方式 <TEXTAREA WRAP=OFF|VIRTUAL|PHYSICAL></textarea>


表格
定義表格 <TABLE></TABLE>
表格框線 <TABLE BORDER></TABLE> (有或沒有)
表格框線 <TABLE BORDER=?></TABLE>(可以設定數值)
儲存格左右留白 <TABLE CELLSPACING=?>
儲存格上下留白 <TABLE CELLPADDING=?>
表格寬度 <TABLE WIDTH=?> (以pixels為單位)
寬度比率 <TABLE WIDTH=%> (頁寬為100%)
表格列 <TR></TR>
表格列內容看齊 <TR ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM>
儲存格 <TD></TD> (須與列并用)
儲存格內容看齊 <TD ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM>
不換行 <TD NOWRAP>
儲存格背景顏色 <TD BGCOLOR=#$$$>
儲存格橫向連接 <TD COLSPAN=?>
儲存格縱向連接 <TD ROWSPAN=?>
儲存格寬度 <TD WIDTH=?> (以pixels為單位)
儲存格寬度比率 <TD WIDTH=%> (頁寬為100%)
表格標題 <TH></TH> (跟<TD>一樣,不過會對中并加粗)
表格標題對齊 <TH ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM>
表格標題不換行 <TH NOWRAP>
表格標題占幾欄 <TH COLSPAN=?>
表格標題占幾列 <TH ROWSPAN=?>
表格標題寬度 <TH WIDTH=?> (以pixels為單位)
表格標題比率寬度<TH WIDTH=%> (頁寬為100%)
表格抬頭 <CAPTION></CAPTION>
表格抬頭看齊 <CAPTION ALIGN=TOP|BOTTOM>(在表格之上/之下)


視框(定義與控制螢幕上的特定區域)
視框格式總定義 <FRAMESET></FRAMESET> (取代<BODY>)
視框行長度分配 <FRAMESET ROWS=,,,></FRAMESET>(pixels 或 %)
視框行長度分配 <FRAMESET ROWS=*></FRAMESET> (* = 相對大?。?
視框欄寬度分配 <FRAMESET COLS=,,,></FRAMESET>(pixels 或 %)
視框欄寬度分配 <FRAMESET COLS=*></FRAMESET> (* =相對大?。?
定義個別視框 <FRAME> (定義個別視框)
個別視框內容 <FRAME SRC="URL">
個別視框名稱 <FRAME NAME="***"|_blank|_self|_parent|_top>
邊緣寬度 <FRAME MARGINWIDTH=?> (「左」與「右」邊界)
邊緣高度 <FRAME MARGINHEIGHT=?> (「天頂」與「地底」邊界)
卷動條 <FRAME SCROLLING="YES|NO|AUTO">
不可改變大小 <FRAME NORESIZE>
無視框時的內容 <NOFRAMES></NOFRAMES>(如果瀏覽器不提供視框功能的話)


雜項
說明 (瀏覽器不會顯示)
檔案型態聲明 <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN">
檔案型態聲明 <!DOCTYPE HTML PUBLIC "-//W3O//DTD W3 HTML 3.0//EN">
可搜尋 <ISINDEX> (指示可搜尋的索引項)
提示 <ISINDEX PROMPT="***"> (要求輸入的提示文字)
送出搜尋條件 <A HREF="URL?***"></a> (其中的問號不是數字,而是「問號」)
基本檔案的URL <BASE HREF="URL"> (必須放在「文頭」區段內)
基本視窗名稱 <BASE TARGET="***"> (必須放在「文頭」區段內)
相關性 <LINK REV="***" REL="***" HREF="URL"> (必須放在「文頭」區段內)
背景資訊 <META> (必須放在「文頭」區段內)

以上內容來自<<HTML標記參考手冊>>,適合網頁制作初學者。 你也可以查看HTML語言概述-構成網頁的基本元素了解更多。

 

相關閱讀
深山行者V1.2旅行社網站管理系統
根據頁面模板動態生成html頁面
按鈕復制文章URL和復制保留文章的版權
asp無限級調用分類顯示
利用css制作簡易相冊
深山留言板V2.1 Build 090620
絕對可以用的IE6綠色版下載
開始百度小程序開發需要準備工作
共有0條關于《了解html基礎知識之html標簽集合》的評論
發表評論
正在加載評論......
返回頂部發表評論
呢 稱:
表 情:
內 容:
評論內容:不能超過 1000 字,需審核,請自覺遵守互聯網相關政策法規。
驗證碼: 驗證碼 
網友評論聲明,請自覺遵守互聯網相關政策法規。

您發布的評論即表示同意遵守以下條款:
一、不得利用本站危害國家安全、泄露國家秘密,不得侵犯國家、社會、集體和公民的合法權益;
二、不得發布國家法律、法規明令禁止的內容;互相尊重,對自己在本站的言論和行為負責;
三、本站對您所發布內容擁有處置權。

更多信息>>欄目類別選擇
百度小程序開發
微信小程序開發
微信公眾號開發
uni-app
asp函數庫
ASP
DIV+CSS
HTML
python
更多>>同類信息
jquery設置或獲取修改classname
利用css3.0寫出一個音樂播放的唱片碟盤的效果
利用css中的scale()實現放大縮小效果
利用background-color:#000000a8在背景顏色16進制代碼之后加字母加上數字讓背景色透明
css背景使用base64編碼或者將base64編碼放在img圖片標簽中
利用css3中的-webkit-font-smoothing把網頁文字的毛邊去掉
更多>>最新添加文章
在Android、iOS、Windows、MacOS中微信小程序的文件存放路徑
python通過代碼修改pip下載源讓下載庫飛起
python里面requests.post返回的res.text還有其它的嗎
aliyun阿里云續費域名優惠口令(注冊、續費都可以使用)
windows7環境下安裝配置jdk
python對微信操作要用到這兩個庫wxpy與itchat
ASP中Utf-8與Gb2312編碼轉換亂碼問題的解決方法頁面編碼聲明
DW設置之后更好用 DreamweaverCS編輯GB2312與UTF-8文件在代碼視圖中點擊鼠標錯位問題的解決辦法
更多>>隨機抽取信息
DW設置之后更好用 DreamweaverCS編輯GB2312與UTF-8文件在代碼視圖中點擊鼠標錯位問題的解決辦法
chrome谷歌瀏覽器中的谷歌翻譯有問題一鍵修復處理
中國簽證行業領導者--91出國簽證網
網站終于在計劃時間內完成了
html中meta標簽詳解
ASP 格式化顯示時間為幾個月,幾天前,幾小時前,幾分鐘前,或幾秒前
日韩gv国产gv欧美旡码|伊人久久大香线AV五月天|亚洲精品无码永久在线|亚洲第一页自拍1414