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

下載本文檔

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

文檔簡介

1、、HTM/種命令的代碼: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=&quo

2、t;name"><img src="name" align=?><img src="name" border=?><hr><hr size=?><hr width=?><hr noshade>3、鏈接命令<a href="URL"></a><a href="mailto:EMAIL"></a><a name="NAME"></a><

3、a href="#NAME"></a>4、格式排版命令<p><p align=?><br><blockquote></blockquote><dl></dl><dt><dd><ol></ol><li><ul></ul><li><div align=?>二、HTM速本語法創(chuàng)立預(yù)格式化文本創(chuàng)立最大的標(biāo)題創(chuàng)立最小的標(biāo)題創(chuàng)立黑體字創(chuàng)立斜體字創(chuàng)立打字機(jī)風(fēng)格的字體創(chuàng)立一個引用,通

4、常是斜體加重一個單詞通常是斜體加黑體加重一個單詞通常是斜體加黑體設(shè)置字體大小,從1到7設(shè)置字體的顏色,使用名字或十六進(jìn)制值 2、圖形命令添加一個圖像排列對齊一個圖像：左中右或上中下設(shè)置圍繞一個圖像的邊框的大小參加一條水平線設(shè)置水平線的大小高度設(shè)置水平線的寬度百分比或絕對像素點(diǎn)創(chuàng)立一個沒有陰影的水平線創(chuàng)立一個超鏈接創(chuàng)立一個自動發(fā)送電子郵件的鏈接創(chuàng)立一個位于文檔內(nèi)部的靶位創(chuàng)立一個指向位于文檔內(nèi)部靶位的鏈接創(chuàng)立一個新的段落將段落按左、中、右對齊插入一個回車換行符從兩邊縮進(jìn)文本創(chuàng)立一個定義列表放在每個定義術(shù)語詞之前放在每個定義之前創(chuàng)立一個標(biāo)有數(shù)字的列表放在每個數(shù)字列表項(xiàng)之前,并加上一個數(shù)字創(chuàng)立一個標(biāo)有

5、圓點(diǎn)的列表放在每個圓點(diǎn)列表項(xiàng)之前,并加上一個圓點(diǎn)一個用來排版大塊 HTML段落的標(biāo)簽,也用于格式化表文件格式<html></html>文件的開頭與結(jié)尾主題<title></title> 放在文件的開頭 文頭區(qū)段<head></head>描述文件的信息 內(nèi)文區(qū)段<body></body>放此文件的內(nèi)容 標(biāo)題<h?></h>?=16,改變標(biāo)題字的大小 標(biāo)題對齊 <h align=right,left,center></h> 字力口大 <big>

6、</big>字變小 <small></small>粗體字<b></b>斜體字<i></i>底線字<u></u>上標(biāo)字 <sup></sup>下標(biāo)字 <sub></sub> 居中 <center></center> 居左 <left> </left>居右 <right> </right>根本字體大小<basefont size> 取值范圍從1到7,默認(rèn)值為3

7、改變字體大小 <font size=?></font>?=1 -7字體顏色 <font color=#rrggbb></font>RGB 色碼指定字型<font face=?></font>?= 宋體,楷體等 網(wǎng)址鏈結(jié) <a href="URL"></a>設(shè)定錨點(diǎn)<a name="?"></a>?以容易記為原那么 鏈結(jié)到錨點(diǎn)<a href="#?"></a>同一份文件<a href=&q

8、uot;URL#?"></A>錨點(diǎn)不同文件 顯示圖形 <img src="URL"></a>圖形位置 <img src="URL" align=top,bottom,middle,left,right>分別為上、下、中、左、右的位置圖形取代文字<img src="URL"alt=?>無法顯示圖形時用圖形尺寸 <img src="URL" width=? height=?>? 以像素為單位 連結(jié)圖形邊線<img src=&q

9、uot;URL"border=?>?以像素為單位圖形四周留白<img src="URL"hspace=? vspace=?>? 以像素為單位 段落 <p></p> 斷行 <br></br> 橫線<hr>橫線厚度<hr size=?>?以像素為單位橫線長度<hrwidth=?>? 以像素為單位橫線長度<hrwidth=?%>?與頁寬相比擬 實(shí)橫線<hr noshade>無立體效果背景圖案<body background=圖形文件名 &g

10、t;圖形文件格式為gif和jpg 背景顏色 <body bgcolor=#rrggbb>RGB 色碼 背景文字顏色<body text=#rrggbb>RGB 色碼 未鏈結(jié)點(diǎn)顏色<body link=#rrggbb>RGB 色碼 已鏈結(jié)點(diǎn)顏色<body vlink=#rrggbb>RGB 色碼正在鏈結(jié)點(diǎn)顏色<body alink=#rrggbbRGB 色碼 三、具體在做html文件前,我們還有哪些需要做的:1、網(wǎng)頁圖象一般有什么要求？受網(wǎng)絡(luò)傳輸速度制約,圖象要盡量小.一般每幅最大不要20K.圖象格式一般為gif和jpg兩種.通常單調(diào)的可以考

11、慮使用gif壓縮.用jpg處理照片比擬適宜,由于里面包含許多色彩的緩和變化.不管是哪種,做好后都應(yīng)壓縮以給圖片減肥,但不要壓得太多而失真.壓縮可用JPEG Optimizer 或Image Optimizer兩種工具,假設(shè)用photoshop5.5做的圖象,保存時直接用Save For Web可進(jìn)行壓縮.另外, Gif格式可作成動畫.2、選擇圖片的網(wǎng)絡(luò)存儲空間建議各位賣家們事先可以找一個穩(wěn)定的空間來存放你的圖片,以保證你的買家隨時可以看到精美漂亮的商品.注意：不要把圖片存放在免費(fèi)相冊里,由于這些相冊的路徑一般都是虛擬的,每一次瀏覽的URL都會改變,這對我們賣家來說是非常不好的.另外要注意的一點(diǎn)

12、是：有一些買家反映看到的賣家商品的圖片是小叉叉,這是由于一些賣家在用HTMLB貼圖片的時候把自己電腦中C盤或者D盤也就是本地路徑的圖片的路徑直接直接復(fù)制在命令中,這樣就會造成賣家自己可以看到這些圖片而你的買家們看到的那么是叉 叉！所以賣家們在用HTML制作圖片的時候一定要注意不要用本地路徑直接粘貼圖片！四、練習(xí)的例子：紅色字體局部即可修改成你自己的自定義第一：用HTM曲插入一個圖片,<img src=" :/ cyberhome /images/girl/PLMM_A.jpg">Key:第二：用HTM曲插入一個URL, <a href=" : c

13、yberhome /images/girl/PLMM_F.jpg">點(diǎn)擊我進(jìn)入 </a>Key:點(diǎn)擊我進(jìn)入第三：插入url的同時,插入圖片,點(diǎn)擊圖片就可以進(jìn)入這個url ,如做一個插入網(wǎng)園淘藝坊的圖片鏈接代碼： <a href=" :/taobao.cyberhome /"><img src=" :/ cyberhome /images/girl/PLMM_C.jpg"></a>Key:圖片鏈接點(diǎn)擊我進(jìn)入第四：插入一段音樂高山流水： <embed src=" :/ cyber

14、home /images/hill-water.mid" width="72" height="25"autostart="false"loop="1"align="absmiddle"controls="smallconsole/playbutton/pausebutton/stopbutton"></embed>Key:音樂鏈接點(diǎn)擊我進(jìn)入1.結(jié)構(gòu)性定義文件類型<HTML></HTML> 放在檔案的開頭與文件主題<T

15、ITLE></TITLE> 必須放在文頭區(qū)塊內(nèi)文頭<HEAD></HEAD> 描述性資料,像是主題文體<BODY></BODY> 文件本體由瀏覽器限制的顯示風(fēng)格標(biāo)題<H?></H?> 從1到6,有六層選擇標(biāo)題的對齊 <H? ALIGN=LEFT|CENTER|RIGHT></H?>區(qū)分 <DIV></DIV>區(qū)分的對齊 <DIV ALIGN=LEFT|RIGHT|CENTER|JUSTIFY></DIV>引文區(qū)塊<BLOCKQU

16、OTE></BLOCKQUOTE通常會內(nèi)縮強(qiáng)調(diào)<EM></EM> 通常會以斜體顯示特別強(qiáng)調(diào)<STRONG></STRONG>通常會以加粗顯示引文<CITE></CITE> 通常會以斜體顯示碼<CODE></CODE> 顯示原始碼之用樣本 <SAMP></SAMP>鍵盤輸入 <KBD></KBD>變數(shù) <VAR></VAR>定義<DFN></DFN> 有些瀏覽器不提供地址 <ADDRESS

17、></ADDRESS>大字 <BIG></BIG>小字 <SMALL></SMALL>與外觀相關(guān)的標(biāo)簽作者自訂的表現(xiàn)方式力口粗 <B></B>斜體 <I></I>底線<U></U> 尚有些瀏覽器不提供刪除線<S></S> 尚有些瀏覽器不提供下標(biāo) <SUB></SUB>上標(biāo) <SUP></SUP>打字機(jī)體<TT></TT> 用單空格字型顯示預(yù)定格式<PRE&g

18、t;</PRE> 保存文件中空格的大小預(yù)定格式的寬度 <PRE WIDTH=?></PRE> 以字元計算向中看齊<CENTER></CENTER> 文字與圖片者B可以閃耀<BLINK></BLINK> 有史以來最被嘲弄的標(biāo)簽字體大小 <FONT SIZE=?></FONT> 從 1 到7改變字體大小 <FONT SIZE=+|-?></FONT>根本字體大小 <BASEFONT SIZE=?> 從1到7;內(nèi)定為3字體顏色 <FONT COLOR=

19、"#$"></FONT>4 .特殊字元以下標(biāo)簽需用小寫特別符號&#?;其中？代表ISO 8859-1 的編碼< < > > & & " "注冊商標(biāo)TM ?N1.0+注冊商標(biāo)TM ?著作權(quán)符號？N1.0+著作權(quán)符號？5 .表單 通常需要與 CGI程式配合定義表單 <FORM ACTION="URL" METHOD=GET|POST></FORM>N2.0 上傳檔案 <FORM ENCTYPE="multipart/form-data

20、></FORM>輸入欄位 <INPUT TYPE="TEXT|PASSWORD|CHECKBOX|RADIO|IMAGE|HIDDEN|SUBMIT|RESET">欄位名稱 <INPUT NAME="*>欄位內(nèi)定值 <INPUT value="*">已選定 <INPUT CHECKED> 適用於 checkboxes 與 radio boxes 欄位寬度<INPUT SIZE=?> 以字元數(shù)為單位最長字?jǐn)?shù)<INPUT MAXLENGTH=?> 以字元數(shù)為單

21、位下拉式選單 <SELECT></SELECT>下拉式選單名稱 <SELECT NAME="*></SELECT>選單工程數(shù)量SELECT SIZE=?></SELECT>多項(xiàng)選擇式選單<SELECT MULTIPLE> 多項(xiàng)選擇選項(xiàng) <OPTION>內(nèi)定選項(xiàng) <OPTION SELECTED>文字輸入?yún)^(qū) <TEXTAREA ROWS=? COLS=?></TEXTAREA>輸入?yún)^(qū)名稱 <TEXTAREA NAME="*></TEX

22、TAREA>N2.0 輸入?yún)^(qū)換行方式 <TEXTAREA WRAP=OFF|VIRTUAL|PHYSICAL></TEXTAREA>6 .表格7 .0 定義表格 <TABLE></TABLE>3.0 表格框線 <TABLE BORDER></TABLE> 有或沒有N1.1表格框線 <TABLE BORDER=?></TABLE>可以設(shè)定數(shù)值N1.1 儲存格左右留白 <TABLE CELLSPACING=?>N1.1 儲存格上下留白 <TABLE CELLPADDING=?&g

23、t;N1.1 表格寬度 <TABLE WIDTH=?> 以 pixels 為單位N1.1 寬度比率 <TABLE WIDTH=%> 頁寬為 100%3.0 表格列 <TR></TR>3.0 表格列內(nèi)容看齊 <TR ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM>3.0儲存格<TD></TD> 須與列并用3.0 儲存格內(nèi)容看齊 <TD ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM>3.0 不換行 &l

24、t;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表格標(biāo)題<TH></TH> 跟<TDl樣,不過會對中并加粗3.0 表格標(biāo)題對齊 <TH ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOT

25、TOM>3.0表格標(biāo)題不換行 <TH NOWRAP>3.0表格標(biāo)題占幾欄 <TH COLSPAN=?>3.0表格標(biāo)題占幾列 <TH ROWSPAN=?>N1.1表格標(biāo)題寬度 <TH WIDTH=?> 以pixels 為單位N1.1表格標(biāo)題比率寬度 <TH WIDTH=%> 頁寬為100%3.0 表格抬頭 <CAPTION></CAPTION>3.0 表格抬頭看齊 <CAPTION ALIGN=TOP|BOTTOM阱表格之上/之下視框定義與限制螢?zāi)簧系奶囟▍^(qū)域N2.0視框格式總定義<FRAMES

26、ET></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定義個別視框 &l

27、t;FRAME> 定義個別視框N2.0 個別視框內(nèi)容 <FRAME SRC="URL">N2.0 個別視框名稱 <FRAME NAME="*"|_blank|_self|_parent|_top>N2.0邊緣寬度 <FRAME MARGINWIDTH=?X左與右邊界N2.0邊緣高度 <FRAME MARGINHEIGHT=?>天頂與地底邊界N2.0 卷動條 <FRAME SCROLLING="YES|NO|AUTO>N2.0 不可改變大小 <FRAME NORESIZE>N

28、2.0無視框時的內(nèi)容<NOFRAMES></NOFRAME隗果瀏覽器不提供視框功能的話2.連結(jié)與圖形連結(jié) <A HREF="URL"></A>連結(jié)到錨點(diǎn)<A HREF="URL#*"></A> 如果錨點(diǎn)在另一個檔案<A HREF="#*"></A>如果錨點(diǎn)目前的檔案連結(jié)到目的視框 <A HREF="URL" TARGET="*></A>設(shè)定錨點(diǎn) <A NAME="*"

29、></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="*">如果沒有方法顯示圖形那么顯示此文字點(diǎn)選圖 <IMG SRC="URL"

30、; ISMAP> 需要 CGI 程式N2.0 點(diǎn)選圖 <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="?,

31、以 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 -EQUIV="Refresh" C> 使用端自動更新N2.0內(nèi)嵌物件 <EMBED SRC=&quo

32、t;URL"> 將物件插入頁面N2.0 內(nèi)嵌物件大小 <EMBED SRC="URL" WIDTH="?" HEIGHT="?">3.分隔段落<P> 通常是兩個return 3.1 段落<P></P> 新定義成容器型標(biāo)簽3.2 文字看齊方式 <P ALIGN=LEFT|CENTER|RIGHT></P>換行 <BR> 一個 return N1.0文字部份看齊方式 <BR CLEAR=LEFT|RIGHT|ALL>與圖形合用時

33、橫線<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實(shí)線<HR NOSHADE> 沒有立體效果N1.0不可換行<NOBR></NOBR> 不換行N1.0可換行處<WBR> 如果需要,可在此斷行列舉可以巢狀列舉無次序式列舉<UL><LI&

34、gt;</UL><LI>放在每一項(xiàng)前N1.0公布式列舉 <UL TYPE=DISC|CIRCLE|SQUARE>定義全部的列舉項(xiàng)<LI TYPE=DISC|CIRCLE|SQUARE>定義這個及其彳麥的列舉項(xiàng)有次序式列舉<OL><LI></OL><LI>放在每一項(xiàng)前N1.0數(shù)標(biāo)型態(tài)<OL TYPE=A|a|I|i|1>定義全部的列舉項(xiàng)<LI TYPE=A|a|I|i|1>定義這個及其彳麥的列舉項(xiàng)N1.0起始數(shù)字<OL value=?>定義全部的列舉項(xiàng)<LI

35、value=?>定義這個及其彳麥的列舉項(xiàng)定義式列舉 <DL><DT><DD></DL> <DT工程,<DD>定義表單式列舉<MENU><LI></MENU> <LI>放在每一項(xiàng)前目錄式列舉<DIR><LI></DIR> <LI>放在每一項(xiàng)前背景與顏色3.0 重復(fù)排列的背景 <BODY BACKGROUND="URL">N1.1+ 背景顏色 <BODY BGCOLOR="#$>

36、 依序?yàn)榧t、綠、藍(lán)N1.1+ 文字顏色 <BODY TEXT="#$">N1.1+ 連結(jié)顏色 <BODY LINK="#$">N1.1+ 看過的連結(jié) <BODY VLINK="#$">N1.1 使用中的連結(jié) <BODY ALINK="#$">7.雜項(xiàng)說明<!-* _>瀏覽器不會顯示<!-修改滾動條-><style type="text/css">body scrollbar-face-color: #330033;scrollbar-shadow-color: #FFFFFF;scrollbar-highligh

溫馨提示

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

評論

0/150

提交評論