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代碼截圖

當然你可以查看任何網頁源代碼，查看源代碼、查看源文件方法：http://www.divcss5.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 （保留文件中空格的大小）
預定格式的寬度 <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='?'

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。