歡迎來到DIVCSS5查找CSS資料與學習DIV CSS布局技術!

HTML代碼是什么知識經驗介紹篇

一、HTML代碼介紹   -   TOP

Html叫超文本語言,通俗理解為可以使用瀏覽器瀏覽的文本文檔文件。

Html代碼是html標簽元素組成,而html代碼包括各式各樣的html元素標簽而組成。通過不同的標簽與內容組合形成我們IE瀏覽器打開后的各式各樣的網頁頁面。

Html包括了html標簽,css樣式,而css樣式設置和控制html標簽顯示樣式,從而呈現給我們漂亮的網頁。如圖片標簽,在IE中顯示標簽引入圖片,html鏈接標簽a,設置錨文本,實現從A頁轉到B頁等等效果都是html代碼功勞。

二、HTML代碼樣子   -   TOP

首先常見html代碼,包含了<html>、<title>、<div>、<span>、<em>、<table>、table tr td、table th td、ul li、ol li等標簽組成。

我們看看DIVCSS5的部分html代碼截圖:

html代碼截圖
html代碼截圖

當然你可以查看任何網頁源代碼,查看源代碼、查看源文件方法:http://www.rs2pl.com/html/h26.shtml

三、網頁HTML代碼作用   -   TOP

1)、通過HTML標簽顯示不同樣式內容

2)、HTML代碼的設置通過瀏覽器顯示各式各樣漂亮網頁

3)、html代碼可以實現編排網頁布局,加上CSS代碼CSS樣式,讓網頁根據豐富漂亮。

四、html標簽代碼大全   -   TOP

1.結構性定義
文件類型 <HTML></HTML> (放在檔案的開頭與結尾)
文件主題 <TITLE></TITLE> (必須放在「文頭」<head></head>區塊內)
文頭 <HEAD></HEAD> (描述性資料,像是「主題」)
文體 <BODY></BODY> (文件本體)

(由瀏覽器控制的顯示風格)
標題 <H?></H?> (從1到6,有六層選擇如h1 h2 h3 h4
標題的對齊 <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></B>
i斜體 <I></I>
底線 <U></U> (下劃線 對應css下劃線
刪除線 <S></S> (尚有些瀏覽器不提供)
下標 <SUB></SUB>
上標 <SUP></SUP>
打字機體 <TT></TT> (用單空格字型顯示)
預定格式 <PRE></PRE> (保留文件中空格的大?。?br /> 預定格式的寬度 <PRE WIDTH=?></PRE>(以字元計算)
向中看齊 <CENTER></CENTER> (文字與圖片都可以)
閃耀 <BLINK></BLINK> (有史以來最被嘲弄的標簽)

字體大小font標簽 <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='?'>

如需轉載,請注明文章出處和來源網址:http://www.rs2pl.com/html/h393.shtml

久久天天躁狠狠躁夜夜躁2020