htm常用標簽總結

来源:http://www.cnblogs.com/pyb55/archive/2016/12/26/6222695.html
-Advertisement-
Play Games

1.結構性定義 文件類型 <HTML></HTML> (放在檔案的開頭與結尾) 文件主題 <TITLE></TITLE> (必須放在「文頭」區塊內) 文頭 <HEAD></HEAD> (描述性資料,像是「主題」) 文體 <BODY></BODY> (文件本體) (由瀏覽器控制的顯示風格) 標題 <H ...


1.結構性定義 
文件類型 <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>
2.連結與圖形
連結 <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程式)
N2.0 點選圖 <IMG src='/URL' USEMAP='URL'>
N2.0 地圖 <MAP NAME='***'></MAP>(描述地圖)
N2.0 段落 <AREA SHAPE='RECT' COORDS=',,,' href='/URL'|NOHREF>
3.0 大小 <IMG src='/URL' WIDTH='?' HEIGHT='?'>(以pixels為單位) N1.0 圖形邊緣 <IMG src='/URL' BORDER=?> (以pixels為單位)
N1.0 圖形邊緣空間 <IMG src='/URL' HSPACE=? VSPACE=?> (以pixels為單位)
N1.0 低解析度圖形 <IMG src='/URL' LOWsrc='/URL'>
N1.1 用戶端拉 <META HTTP-EQUIV='Refresh' CONTENT='?; URL=URL'>(使用端自動更新 )
N2.0 內嵌物件 <EMBED src='/URL'> (將物件插入頁面)
N2.0 內嵌物件大小 <EMBED src='/URL' WIDTH='?' HEIGHT='?'>
3.分隔
段落 <P> (通常是兩個return)
3.0 段落 <P></P> (新定義成容器型標簽)
3.0 文字看齊方式 <P ALIGN=LEFT|CENTER|RIGHT></P>
換行 <BR> (一個return)
N1.0 文字部份看齊方式<BR CLEAR=LEFT|RIGHT|ALL>(與圖形合用時)
橫線 <HR>
N1.0 橫線對齊 <HR ALIGN=LEFT|RIGHT|CENTER>
N1.0 橫線厚度 <HR SIZE=?> (以pixels為單位)
N1.0 橫線寬度 <HR WIDTH=?> (以pixels為單位)
N1.0 橫線比率寬度 <HR WIDTH=%> (以頁寬為100%)
N1.0 實線 <HR NOSHADE> (沒有立體效果)
N1.0 不可換行 <NOBR></NOBR> (不換行)
N1.0 可換行處 <WBR> (如果需要,可在此斷行)
列舉 (可以巢狀列舉)
無次序式列舉 <UL><LI></UL> (<LI> 放在每一項前)
N1.0 公佈式列舉 <UL TYPE=DISC|CIRCLE|SQUARE>(定義全部的列舉項)
<LI TYPE=DISC|CIRCLE|SQUARE>(定義這個及其後的列舉項)
有次序式列舉 <OL><LI></OL> (<LI> 放在每一項前)
N1.0 數標型態 <OL TYPE=A|a|I|i|1> (定義全部的列舉項)
<LI TYPE=A|a|I|i|1> (定義這個及其後的列舉項)
N1.0 起始數字 <OL value=?> (定義全部的列舉項)
<LI value=?> (定義這個及其後的列舉項)
定義式列舉 <DL><DT><DD></DL>(<DT>項目, <DD>定義)
表單式列舉 <MENU><LI></MENU>(<LI> 放在每一項前)
目錄式列舉 <DIR><LI></DIR> (<LI> 放在每一項前)
背景與顏色
3.0 重覆排列的背景 <BODY background='/URL'>
N1.1+ 背景顏色 <BODY BGCOLOR='#$$$$$$'> (依序為紅、綠、藍)
N1.1+ 文字顏色 <BODY TEXT='#$$$$$$'>
N1.1+ 連結顏色 <BODY LINK='#$$$$$$'>
N1.1+ 看過的連結 <BODY VLINK='#$$$$$$'>
N1.1 使用中的連結 <BODY ALINK='#$$$$$$'>
4.特殊字元(以下標簽需用小寫)
特別符號 &#?; (其中 ? 代表 ISO 8859-1 的編碼)
< < > > & & ' '
註冊商標TM ?
N1.0+ 註冊商標TM ?
著作權符號 ?
N1.0+ 著作權符號 ?
5.表單 (通常需要與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>
N2.0 輸入區換行方式 <TEXTAREA WRAP=OFF|VIRTUAL|PHYSICAL></TEXTAREA>
6.表格
3.0 定義表格 <TABLE></TABLE>
3.0 表格框線 <TABLE BORDER></TABLE> (有或沒有)
N1.1 表格框線 <TABLE BORDER=?></TABLE>(可以設定數值)
N1.1 儲存格左右留白 <TABLE CELLSPACING=?>
N1.1 儲存格上下留白 <TABLE CELLPADDING=?>
N1.1 表格寬度 <TABLE WIDTH=?> (以pixels為單位)
N1.1 寬度比率 <TABLE WIDTH=%> (頁寬為100%)
3.0 表格列 <TR></TR>
3.0 表格列內容看齊 <TR ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM>
3.0 儲存格 <TD></TD> (須與列並用)
3.0 儲存格內容看齊 <TD ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM>
3.0 不換行 <TD NOWRAP>
N3.0 儲存格背景顏色 <TD BGCOLOR=#$$$$$$>
3.0 儲存格橫向連接 <TD COLSPAN=?>
3.0 儲存格縱向連接 <TD ROWSPAN=?>
N1.1 儲存格寬度 <TD WIDTH=?> (以pixels為單位)
N1.1 儲存格寬度比率 <TD WIDTH=%> (頁寬為100%)
3.0 表格標題 <TH></TH> (跟<TD>一樣,不過會對中並加粗)
3.0 表格標題對齊 <TH ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM>
3.0 表格標題不換行 <TH NOWRAP>
3.0 表格標題占幾欄 <TH COLSPAN=?>
3.0 表格標題占幾列 <TH ROWSPAN=?>
N1.1 表格標題寬度 <TH WIDTH=?> (以pixels為單位)
N1.1 表格標題比率寬度<TH WIDTH=%> (頁寬為100%)
3.0 表格抬頭 <CAPTION></CAPTION>
3.0 表格抬頭看齊 <CAPTION ALIGN=TOP|BOTTOM>(在表格之上/之下)
視框 (定義與控制螢幕上的特定區域)
N2.0 視框格式總定義 <FRAMESET></FRAMESET> (取代<BODY>)
N2.0 視框行長度分配 <FRAMESET ROWS=,,,></FRAMESET>(pixels 或 %)
N2.0 視框行長度分配 <FRAMESET ROWS=*></FRAMESET> (* = 相對大小)
N2.0 視框欄寬度分配 <FRAMESET COLS=,,,></FRAMESET>(pixels 或 %)
N2.0 視框欄寬度分配 <FRAMESET COLS=*></FRAMESET> (* =相對大小)
N2.0 定義個別視框 <FRAME> (定義個別視框)
N2.0 個別視框內容 <FRAME src='/URL'>
N2.0 個別視框名稱 <FRAME NAME='***'|_blank|_self|_parent|_top>
N2.0 邊緣寬度 <FRAME MARGINWIDTH=?> (「左」與「右」邊界)
N2.0 邊緣高度 <FRAME MARGINHEIGHT=?> (「天頂」與「地底」邊界)
N2.0 捲動條 <FRAME SCROLLING='YES|NO|AUTO'>
N2.0 不可改變大小 <FRAME NORESIZE>
N2.0 無視框時的內容 <NOFRAMES></NOFRAMES>(如果瀏覽器不提供視框功能的話)
7.雜項
說明 <!-- *** --> (瀏覽器不會顯示)

您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 最近使用 "GitHub Pages" + "Jekyll" 搭建了 "個人博客" ,作為一名重度音樂患者,博客裡面可以不配圖,但是不能不配音樂啊。 遂在博客裡面引入了 網易雲模塊 ,這裡要感謝網易雲的分享機制,對開發者非常友好: 1.每首歌曲都支持生成外鏈播放器,且可以自定義顯示尺寸: 2.網易雲 ...
  • 說到浮動之前,先說一下CSS中margin屬性的兩種特殊現象 1, 外邊距的合併現象: 如果兩個div上下排序,給上面一個div設置margin-bottom,給下麵一個div設置margin-top,那麼兩個margin會發生合併現象,合併以後的值較大的那個。 對於這種現象一般不用處理。 2,ma ...
  • 1. 為什麼會有BFC和IFC 首先要先瞭解兩個概念:Box和formatting context; Box:CSS渲染的時候是以Box作為渲染的基本單位。Box的類型由元素的類型和display屬性決定,box的類型分為block-level box 和inline-level box(不包括cs ...
  • 一個字元串數組,{,a,b,1,110,111,13,2,23,22,23442,2645,345,34567,34,3487,5643,64545454,56457,7654564} 寫一個函數,返回結果為{1,2,34,5643,64545454,56457,7654564} 規律,數字判斷,如 ...
  • 1. returnDetail.$mount('#returnDetail'); 不用el 直接可以綁定數據到頁面的id上 作用區域不能交疊多個vue 實體 否則後面的vue 實體會失效。 2. vue created 運行在讀取data 之後, 綁定到數據之前, 如果不想顯示 {{}} 就可以在頁 ...
  • 1.audio自動播放 1 <audio src='xxx.mp3' autoplay></audio> 上面是audio標簽autoplay屬性是自動播放,但是在安卓部分瀏覽器和ios的safari是不會自動播放。在微信,安卓和ios大部分機子都可以知道播放。測試iphone5和iphone6s在 ...
  • 這是我前端生涯第一次和後臺對接,其經歷真是苦不堪言,多次絕處逢生,柳暗花明,可就是遲遲見不到那條村子。當然,最後我還是完成了這次對接。下麵來聊一聊我這白痴一般的經歷。 序章 話說天下大勢,分久必合,合久必分。2016年,程式員的角色已經有了很大的分化,後端、前端、移動端、演算法各領功能變數名稱家輩出,他們都是 ...
  • 原文鏈接: "https://github.com/AlloyTeam/AlloyTouch/wiki/Scoped CSS" 寫在前面 問:什麼是Scoped CSS規範? Scoped CSS規範是Web組件產生不污染其他組件,也不被其他組件污染的CSS規範。 面對組件化的普及,組件的復用很普遍 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...