HTML代碼大全_第1頁(yè)
HTML代碼大全_第2頁(yè)
HTML代碼大全_第3頁(yè)
HTML代碼大全_第4頁(yè)
HTML代碼大全_第5頁(yè)
已閱讀5頁(yè)，還剩21頁(yè)未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說(shuō)明：本文檔由用戶(hù)提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

1、、HTML各種命令的代碼:1、文本標(biāo)簽（命令）<pre></pre><h1></h1><h6></h6><b></b><i></i><tt></tt><cite></cite><em></em><strong></strong><font size=?></font><font color=?></font><img src=&

2、quot;name">創(chuàng)建預(yù)格式化文本創(chuàng)建最大的標(biāo)題創(chuàng)建最小的標(biāo)題創(chuàng)建黑體字創(chuàng)建斜體字創(chuàng)建打字機(jī)風(fēng)格的字體創(chuàng)建一個(gè)引用，通常是斜體加重一個(gè)單詞（通常是斜體加黑體）加重一個(gè)單詞（通常是斜體加黑體）設(shè)置字體大小，從1到7設(shè)置字體的顏色，使用名字或十六進(jìn)制值2、圖形（命令）添加一個(gè)圖像<imgsrc="name"border=?>設(shè)置圍繞一個(gè)圖像的邊框的大小<hr>加入一條水平線<hrsize=?>設(shè)置水平線的大?。ǜ叨龋?lt;hrwidth=?>設(shè)置水平線的寬度（百分比或絕對(duì)像素點(diǎn)）<hrnoshade>3

3、、鏈接（命令）<ahref="URL"></a><ahref="mailto:EMAIL"></a><aname="NAME"></a><ahref="#NAME"></a>4、格式排版（命令）<P><palign=?>創(chuàng)建一個(gè)沒(méi)有陰影的水平線創(chuàng)建一個(gè)超鏈接創(chuàng)建一個(gè)自動(dòng)發(fā)送電子郵件的鏈接創(chuàng)建一個(gè)位于文檔內(nèi)部的靶位創(chuàng)建一個(gè)指向位于文檔內(nèi)部靶位的鏈接創(chuàng)建一個(gè)新的段落將段落按左、中、右對(duì)齊<br&

4、gt;插入一個(gè)回車(chē)換行符<blockquote></blockquote>從兩邊縮進(jìn)文本<dl></dl>創(chuàng)建一個(gè)定義列表<dt>放在每個(gè)定義術(shù)語(yǔ)詞之前<dd>放在每個(gè)定義之前<ol></ol>創(chuàng)建一個(gè)標(biāo)啟數(shù)字的列表<li>放在每個(gè)數(shù)字列表項(xiàng)之前，并加個(gè)數(shù)字<ul></ul>創(chuàng)建一個(gè)標(biāo)啟圓點(diǎn)的列表<li>放在每個(gè)圓點(diǎn)列表項(xiàng)之前，并加個(gè)圓點(diǎn)<divalign=?>一個(gè)用來(lái)排版大塊HTML段落的標(biāo)簽，也用于格式化表二、HTML基本語(yǔ)法文件格式&

5、lt;html></html>（文件的開(kāi)頭與結(jié)尾）主題<t田e></t田e>（放在文件的開(kāi)頭）文頭區(qū)段<head></head>（描述文件的信息）內(nèi)文區(qū)段<body></body>（放此文件的內(nèi)容）標(biāo)題vh?>v/h>(?=16,改變標(biāo)題字的大小)標(biāo)題對(duì)齊<halign=right,left,center></h>字力口大<big></big>字變小<small></small>粗體字<b></b>

6、斜體字vi>v/>底線字vu>v/u>上標(biāo)字<sup></sup>下標(biāo)字<sub></sub>居中<center></center>居左<left></left>居右<right></right>基本字體大小vbasefontsize取值范圍從1到7,默認(rèn)值為3)改變字體大小<fontsize=?></font>(?=1-7)字體顏色<fontcolor=#rrggbb></font>（RGB色碼）指定字

7、型<fontface=?></font>（?=宋體，楷體等）網(wǎng)址鏈結(jié)<ahref="URL"></a>設(shè)定錨點(diǎn)<aname="?"></a>（?以容易記為原則）鏈結(jié)到錨點(diǎn)<ahref="#?"></a>（同一份文件）<ahref="URL#?"></A>（錨點(diǎn)不同文件）顯示圖形<imgsrc="URL"></a>圖形位置<imgsrc="

8、URL"align=top,bottom,middle,left,right>（分別為上、下、中、左、右的位置）圖形取代文字<imgsrc="URL"alt=?>（無(wú)法顯示圖形時(shí)用）圖形尺寸<imgsrc="URL"width=?height=?>（?以像素為單位）連結(jié)圖形邊線<imgsrc="URL"border=?>（?以像素為單位）圖形四周留白<imgsrc="URL"hspace=?vspace=?>（以像素為單位）段落<p><

9、;/p>斷行<br></br>橫線<hr>橫線厚度hrsize=?（?以像素為單位）橫線長(zhǎng)度hrwidth=?（?以像素為單位）橫線長(zhǎng)度hrwidth=?%（?與頁(yè)寬相比較）實(shí)橫線hrnoshade（無(wú)立體效果）背景圖案bodybackground密形文件名（圖形文件格式為gif和jpg）背景顏色bodybgcolor=#rrggbb（RGB色碼）背景文字顏色bodytext=#rrggbb（RGB色碼）未鏈結(jié)點(diǎn)顏色bodylink=#rrggbb（RGB色碼）已鏈結(jié)點(diǎn)顏色bodyvlink=#rrggbb（RGB色碼）正在鏈結(jié)點(diǎn)顏色bodyalink

10、=#rrggbb（RGB色碼）三、具體在做html文件前，我們還有哪些需要做的：1、網(wǎng)頁(yè)圖象一般有什么要求？受網(wǎng)絡(luò)傳輸速度制約，圖象要盡量小。一般每幅最大不要20K圖象格式一般為gif和jpg兩種。通常單調(diào)的可以考慮使用gif壓縮。用jpg處理照片比較合適，因?yàn)槔锩姘S多色彩的緩和變化。不管是哪種，做好后都應(yīng)壓縮以給圖片減肥，但不要壓得太多而失真。壓縮可用JPEGOptimizer或ImageOptimizer兩種工具，若用photoshop5.5做的圖象，保存時(shí)直接用SaveForWeb進(jìn)行壓縮。另外，Gif格式可作成動(dòng)畫(huà)。2、選擇圖片的網(wǎng)絡(luò)存儲(chǔ)空間建議各位賣(mài)家們事先可以找一個(gè)穩(wěn)定的空間來(lái)

11、存放你的圖片，以確保你的買(mǎi)家隨時(shí)可以看到精美漂亮的商品。注意：不要把圖片存放在免費(fèi)相冊(cè)里，因?yàn)檫@些相冊(cè)的路徑一般都是虛擬的，每一次瀏覽的URL都會(huì)改變，這對(duì)我們賣(mài)家來(lái)說(shuō)是非常不好的。另外要注意的一點(diǎn)是：有一些買(mǎi)家反映看到的賣(mài)家商品的圖片是小叉叉，這是因?yàn)橐恍?shí)家在用HTML粘貼圖片的時(shí)候把自己電腦中C盤(pán)或者D盤(pán)（也就是本地路徑）的圖片的路徑直接直接復(fù)制在命令中，這樣就會(huì)造成賣(mài)家自己可以看到這些圖片而你的買(mǎi)家們看到的則是叉叉！所以賣(mài)家們?cè)谟肏TML制作圖片的時(shí)候一定要注意不要用本地路徑直接粘貼圖片！四、練習(xí)的例子：（紅色字體部分即可修改成你自己的自定義）第一：用HTML來(lái)插入一個(gè)圖片,Key:第

12、二：用HTML來(lái)插入一個(gè)URL,Key:點(diǎn)擊我進(jìn)入第三：插入url的同時(shí)，插入圖片，點(diǎn)擊圖片就可以進(jìn)入這個(gè)url,如做一個(gè)插入網(wǎng)園淘藝坊的圖片鏈接代碼：Key：圖片鏈接點(diǎn)擊我進(jìn)入第四：插入一段音樂(lè)高山流水：Key:音樂(lè)鏈接點(diǎn)擊我進(jìn)入1.結(jié)構(gòu)性定義文件類(lèi)型<HTML></HTML>（放在檔案的開(kāi)頭與文件主題<TITLE></TITLE>（必須放在文頭區(qū)塊內(nèi)）文頭<HEAD></HEAD>（描述性資料，像是主題）文體<BODY></BODY>（文件本體）（由瀏覽器控制的顯示風(fēng)格）標(biāo)題<H?>

13、</H?>（從1到6,有六層選擇）標(biāo)題的對(duì)齊<H?ALIGN=LEFT|CENTER|RIGHT></H?>區(qū)分<DIV></DIV>/區(qū)分的對(duì)齊<DIVALIGN=LEFT|RIGHT|CENTER|JUSTIFY></DIV>引文區(qū)塊<BLOCKQUOTE></BLOCKQUOTE>（通常會(huì)內(nèi)縮）強(qiáng)調(diào)<EM></EM>（通常會(huì)以斜體顯示）特別強(qiáng)調(diào)<STRONG></STRONG>（通常會(huì)以加粗顯示）引文<CITE></

14、CITE>（通常會(huì)以斜體顯示）碼<CODE></CODE>（顯示原始碼之用）樣本<SAMP></SAMP>鍵盤(pán)/&入<KBD></KBD>變數(shù)<VAR></VAR>定義<DFN></DFN>（有些瀏覽器不提供）地址<ADDRESS></ADDRESS>大字<BIG></BIG>小字<SMALL></SMALL>與外觀相關(guān)的標(biāo)簽（作者自訂的表現(xiàn)方式）力M<B></B>斜

15、體<|></|>底線<U></U>（尚有些瀏覽器不提供）刪除線<S></S>（尚有些瀏覽器不提供）下標(biāo)<SUB></SUB>上標(biāo)<SUP></SUP>打字機(jī)體<TT></TT>（用單空格字型顯示）預(yù)定格式<PRE></PRE>（保留文件中空格的大?。╊A(yù)定格式的寬度<PREWIDTH=?></PRE>（以字元計(jì)算）向中看齊<CENTER></CENTER>（文字與圖片者W以）閃耀&l

16、t;BLINK></BLINK>（有史以來(lái)最被嘲弄的標(biāo)簽）字體大小<FONTSIZE=?></FONT>（從1至改變字體大小<FONTSIZE=+|-?></FONT>基本字體大小<BASEFONTSIZE=?>（從1到7;內(nèi)定為3）字體顏色<FONTCOLOR="#$"></FONT>4 .特殊字元（以下標(biāo)簽需用小寫(xiě)）特別符號(hào)&#?;（其中？代表ISO8859-1的編碼）<<>>&&""注冊(cè)商標(biāo)TM?N1

17、.0+注冊(cè)商標(biāo)TM?著作權(quán)符號(hào)？N1.0+著作權(quán)符號(hào)？5 .表單（通常需要與CGI程式配合）定義表單<FORMACTION="URL"METHOD=GET|POST></FORM>N2.0上傳檔案<FORMENCTYPE="multipart/form-data></FORM>輸入欄位<INPUTTYPE="TEXT|PASSWORD|CHECKBOX|RADIO|IMAGE|HIDDEN|SUBMIT|RESET">欄位名稱(chēng)<INPUTNAME="*">

18、;欄位內(nèi)定值<INPUTvalue="*">已選定<INPUTCHECKED>（適用於checkboxesradioboxe§欄位寬度<INPUTSIZE=?>（以字元數(shù)為單位）最長(zhǎng)字?jǐn)?shù)<INPUTMAXLENGTH=?>（以字元數(shù)為單位）下拉式選單<SELECT></SELECT>下拉式選單名稱(chēng)<SELECTNAME="*"></SELECT>選單項(xiàng)目數(shù)量<SELECTSIZE=?></SELECT>多選式選單<SEL

19、ECTMULTIPLE>（多選）選項(xiàng)<OPTION>內(nèi)定選項(xiàng)<OPTIONSELECTED>文字輸入?yún)^(qū)<TEXTAREAROWS=?COLS=?></TEXTAREA>輸入?yún)^(qū)名稱(chēng)<TEXTAREANAME="*"></TEXTAREA>N2.0輸入?yún)^(qū)換行方式<TEXTAREAWRAP=OFF|VIRTUAL|PHYSICAL></TEXTAREA>6 .表格3.0定義表格<TABLE></TABLE>3.0表格框線<TABLEBORDER>

20、;</TABLE>（有或沒(méi)有）N1.1表格框線<TABLEBORDER=?></TABLE>（可以設(shè)定數(shù)值）N1.1儲(chǔ)存格左右留白<TABLECELLSPACING=?>N1.1儲(chǔ)存格上下留白<TABLECELLPADDING=?>N1.1表格寬度<TABLEWIDTH=?>（以pixels為單位）N1.1寬度比率<TABLEWIDTH=%>（頁(yè)寬為100%）3.0表格歹U<TR></TR>3.0表格列內(nèi)容看齊<TRALIGN=LEFT|RIGHT|CENTERVALIGN=TOP

21、|MIDDLE|BOTTOM>3.0儲(chǔ)存格<TD></TD>（須與列并用）3.0 儲(chǔ)存格內(nèi)容看齊<TDALIGN=LEFT|RIGHT|CENTERVALIGN=TOP|MIDDLE|BOTTOM>3.0不換行<TDNOWRAP>N3.0儲(chǔ)存格背景顏色<TDBGCOLOR=#$>3.0儲(chǔ)存格橫向連接<TDCOLSPAN=?>3.0儲(chǔ)存格縱向連接<TDROWSPAN=?>N1.1儲(chǔ)存格寬度<TDWIDTH=?>（以pixels為單位）N1.1儲(chǔ)存格寬度比率<TDWIDTH=%>（頁(yè)寬

22、為100%）3.0表格標(biāo)題<TH></TH>（跟<TD>一樣，不過(guò)會(huì)對(duì)中并加粗）3.0表格標(biāo)題對(duì)齊<THALIGN=LEFT|RIGHT|CENTERVALIGN=TOP|MIDDLE|BOTTOM>3.0表格標(biāo)題不換行<THNOWRAP>3.0表格標(biāo)題占幾欄<THCOLSPAN=?>3.0表格標(biāo)題占幾列<THROWSPAN=?>N1.1表格標(biāo)題寬度<THWIDTH=?>（以pixels為單位）N1.1表格標(biāo)題比率寬度<THWIDTH=%>（頁(yè)寬為100%）3.0表格抬頭<CAPT

23、ION></CAPTION>3.0表格抬頭看齊<CAPTIONALIGN=TOP|BOTTOM>（在表格之上/之下）視框（定義與控制螢?zāi)簧系奶囟▍^(qū)域）（取代 <BODY> ）N2.0視框格式總定義<FRAMESET></FRAMESET>（pixels 或 ）N2.0視框行長(zhǎng)度分酉己<FRAMESETROWS=,></FRAMESET>N2.0視框行長(zhǎng)度分配<FRAMESETROWS=*></FRAMESET>（*=相對(duì)大?。㎞2.0視框欄寬度分配<FRAMESETCOLS=

24、,></FRAMESET>（pixels或）N2.0視框欄寬度分配<FRAMESETCOLS=*></FRAMESET>（*=相對(duì)大小）N2.0定義個(gè)別視框<FRAME>（定義個(gè)別視框）N2.0個(gè)別視框內(nèi)容<FRAMESRC="URL">N2.0個(gè)別視框名稱(chēng)<FRAMENAME="*”|_blank|_self|_parent|_top>N2.0邊緣寬度<FRAMEMARGINWIDTH=?>（左與右邊界）N2.0邊緣高度<FRAMEMARGINHEIGHT=?>

25、（天頂與地底邊界）N2.0卷動(dòng)條<FRAMESCROLLING="YES|NO|AUTO”>N2.0不可改變大小<FRAMENORESIZE>N2.0無(wú)視框時(shí)的內(nèi)容<NOFRAMES></NOFRAMES>（如果瀏覽器不提供視框功能的話）2.連結(jié)與圖形檢<A<AHREF="URL"></A>連結(jié)到錨點(diǎn)<AHREF="URL#*"></A>（如果錨點(diǎn)在另一個(gè)檔案）<AHREF="#*"></A>（如果錨

26、點(diǎn)目前的檔案）連結(jié)到目的視框<AHREF="URL"TARGET="*"></A>設(shè)定錨點(diǎn)<ANAME="*"></A>圖形<IMGSRC="URL">圖形看齊方式<IMGSRC="URL"ALIGN=TOP|BOTTOM|MIDDLE>圖形看齊方式<IMGSRC="URL"ALIGN=LEFT|RIGHT|TEXTTOP|ABSMIDDLE|BASELINE|ABSBOTTOM>取代文字&l

27、t;IMGSRC="URL"ALT="*">（如果沒(méi)有辦法顯示圖形則顯示此文字）點(diǎn)選圖<IMGSRC="URL"ISMAP>（需要CGI程式）N2.0點(diǎn)選圖<IMGSRC="URL"USEMAP="URL">N2.0地圖<MAPNAME="*"></MAP>（描述地圖）N2.0段落<AREASHAPE="RECT"COORDS=","HREF="URL"|N

28、OHREF>3.0大小<IMGSRC="URL"WIDTH="？'HEIGHT="？">（以pixels為單位）N1.0圖形邊緣<IMGSRC="URL"BORDER=?>（以pixels為單位）N1.0圖形邊緣空間<IMGSRC="URL"HSPACE=?VSPACE=?>（以pixels為單位）N1.0低解析度圖形<IMGSRC="URL"LOWSRC="URL">N1.1用戶(hù)端拉<METAHT

29、TP-EQUIV="Refresh"C>（使用端自動(dòng)更新）N2.0內(nèi)嵌物件<EMBEDSRC="URL">（將物件插入頁(yè)面）N2.0內(nèi)嵌物件大小<EMBEDSRC="URL"WIDTH="?"HEIGHT="?">3.分隔段落<P>（通常是兩個(gè)return）3.1 段落<P></P>（新定義成容器型標(biāo)簽）3.2 文字看齊方式<PALIGN=LEFT|CENTER|RIGHT></P>換彳亍<BR>

30、;（一個(gè)return）N1.0文字部份看齊方式<BRCLEAR=LEFT|RIGHT|ALL>（與圖形合用時(shí)）橫線<HR>N1.0橫線對(duì)齊<HRALIGN=LEFT|RIGHT|CENTER>N1.0橫線厚度<HRSIZE=?>（以pixels為單位）N1.0橫線寬度<HRWIDTH=?>（以pixels為單位）N1.0橫線比率寬度<HRWIDTH=%>（以頁(yè)寬為100%）N1.0實(shí)線<HRNOSHADE>（沒(méi)有立體效果）N1.0不可換行<NOBR></NOBR>（不換行）N1.0可換行

31、處<WBR>（如果需要，可在此斷行）列舉（可以巢狀列舉）無(wú)次序式列舉<UL><LI></UL>（<LI>放在每一項(xiàng)前）N1.0公布式列舉<ULTYPE=DISC|CIRCLE|SQUARE>（定義全部的列舉項(xiàng)）< LITYPE=DISC|CIRCLE|SQUARE>（定義這個(gè)及其彼的列舉項(xiàng)）有次序式列舉<OL><LI></OL>（<LI>放在每一項(xiàng)前）N1.0數(shù)標(biāo)型態(tài)<OLTYPE=A|a|I|i|1>（定義全部的列舉項(xiàng)）< LITYPE=A|a

32、|I|i|1>（定義這個(gè)及其彳爰的列舉項(xiàng)）N1.0起始數(shù)字<OLvalue=?>（定義全部的列舉項(xiàng)）< LIvalue=?>（定義這個(gè)及其彳爰的列舉項(xiàng)）定義式歹U舉<DL><DT><DD></DL>（<DT>項(xiàng)目，<DD>定義）表單式列舉<MENU><LI></MENU>（<LI>放在每一項(xiàng)前）目錄式列舉<DIR><LI></DIR>（<LI>放在每一項(xiàng)前）背景與顏色3.0重復(fù)排歹用勺背景<B

33、ODYBACKGROUND="URL">N1.1+背景顏色<BODYBGCOLOR="#$”>（依序?yàn)榧t、綠、藍(lán)）N1.1+文字顏色<BODYTEXT="#$">N1.1+連結(jié)顏色<BODYLINK="#$">N1.1+看過(guò)的連結(jié)<BODYVLINK="#$">N1.1使用中的連結(jié)<BODYALINK="#$">7.雜項(xiàng)說(shuō)明<!-*->（瀏覽器不會(huì)顯示）<!-修改滾動(dòng)條-><styletype="text/css”>bodyscrollbar-face-color:#330033;scrollbar-shadow-color:#FFFFFF;scrollbar-highlight-color:#FFFFFF;scrollbar-3dlight-color:#F

溫馨提示

  • 1. 本站所有資源如無(wú)特殊說(shuō)明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶(hù)所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒(méi)有圖紙預(yù)覽就沒(méi)有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間，僅對(duì)用戶(hù)上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對(duì)用戶(hù)上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請(qǐng)與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶(hù)因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

評(píng)論

0/150

提交評(píng)論