HTML5代碼大全_第1頁(yè)
HTML5代碼大全_第2頁(yè)
HTML5代碼大全_第3頁(yè)
HTML5代碼大全_第4頁(yè)
HTML5代碼大全_第5頁(yè)
免費(fèi)預(yù)覽已結(jié)束，剩余6頁(yè)可下載查看

下載本文檔

版權(quán)說(shuō)明：本文檔由用戶提供并上傳，收益歸屬內(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>

2、 <img src="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="

3、;NAME"></a> <a href="#NAME"></a>4、格式排版 （ 命令 ） <p><p align=?> <br> <blockquote></blockquote> <dl></dl> <dt><dd> <ol></ol> <li> <ul></ul> <li> <div align=?>二、HTML基本語(yǔ)法創(chuàng)建預(yù)格

4、式化文本 創(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è)圖像排列對(duì)齊一個(gè)圖像 : 左中右或上中下 設(shè)置圍繞一個(gè)圖像的邊框的大小 加入一條水平線 設(shè)置水平線的大?。ǜ叨龋?設(shè)置水平線的寬度（百分比或絕對(duì)像素點(diǎn)） 創(chuàng)建一個(gè)沒有陰影的水平線創(chuàng)建一個(gè)超鏈接 創(chuàng)建一個(gè)自動(dòng)發(fā)送電子郵件的鏈接 創(chuàng)建一個(gè)位于文檔內(nèi)部的靶位 創(chuàng)建一個(gè)指向位于文檔內(nèi)部靶位的鏈接創(chuàng)建一個(gè)新的段落 將段落按左

5、、 中、 右對(duì)齊 插入一個(gè)回車換行符 從兩邊縮進(jìn)文本 創(chuàng)建一個(gè)定義列表 放在每個(gè)定義術(shù)語(yǔ)詞之前 放在每個(gè)定義之前 創(chuàng)建一個(gè)標(biāo)有數(shù)字的列表 放在每個(gè)數(shù)字列表項(xiàng)之前，并加上一個(gè)數(shù)字 創(chuàng)建一個(gè)標(biāo)有圓點(diǎn)的列表 放在每個(gè)圓點(diǎn)列表項(xiàng)之前，并加上一個(gè)圓點(diǎn) 一個(gè)用來(lái)排版大塊 HTML段落的標(biāo)簽，也用于格式化表文件格式 <html></html>（ 文件的開頭與結(jié)尾 ） 主題 <title></title>（ 放在文件的開頭 ）文頭區(qū)段 <head></head>（ 描述文件的信息 ） 內(nèi)文區(qū)段 <body></body&

6、gt;（ 放此文件的內(nèi)容 ） 標(biāo)題 <h?></h>（?=16, 改變標(biāo)題字的大小 ） 標(biāo)題對(duì)齊 <h align=right,left,center></h> 字加大 <big></big> 字變小 <small></small> 粗體字 <b></b> 斜體字 <i></i> 底線字 <u></u> 上標(biāo)字 <sup></sup> 下標(biāo)字 <sub></sub> 居中 <

7、center></center> 居左 <left> </left> 居右 <right> </right> 基本字體大小 <basefont size>（ 取值范圍從 1 到 7，默認(rèn)值為 3） 改變字體大小 <font size=?></font>（?=17） 字體顏色 <font color=#rrggbb></font>（RGB色碼 ）指定字型 <font face=?></font>（?= 宋體，楷體等 ） 網(wǎng)址鏈結(jié) <a hre

8、f="URL"></a> 設(shè)定錨點(diǎn) <a name="?"></a>（? 以容易記為原則 ） 鏈結(jié)到錨點(diǎn) <a href="#?"></a>（ 同一份文件 ） <a href="URL#?"></A>（ 錨點(diǎn)不同文件 ） 顯示圖形 <img src="URL"></a> 圖形位置 <img src="URL" align=top,bottom,middle,

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

10、; 斷行 <br></br> 橫線 <hr> 橫線厚度 <hr size=?>（? 以像素為單位 ） 橫線長(zhǎng)度 <hr width=?>（? 以像素為單位 ） 橫線長(zhǎng)度 <hr width=?%>（? 與頁(yè)寬相比較 ） 實(shí)橫線 <hr noshade>（ 無(wú)立體效果 ） 背景圖案 <body background= 圖形文件名 >（ 圖形文件格式為 gif 和 jpg） 背景顏色 <body bgcolor=#rrggbb>（RGB 色碼 ） 背景文字顏色 <body text=#

11、rrggbb>（RGB 色碼 ） 未鏈結(jié)點(diǎn)顏色 <body link=#rrggbb>（RGB 色碼 ） 已鏈結(jié)點(diǎn)顏色 <body vlink=#rrggbb>（RGB 色碼 ） 正在鏈結(jié)點(diǎn)顏色 <body alink=#rrggbb（RGB 色碼 ）三、具體在做 html 文件前 , 我們還有哪些需要做的：1網(wǎng)頁(yè)圖象一般有什么要求？受網(wǎng)絡(luò)傳輸速度制約，圖象要盡量小。一般每幅最大不要20K。圖象格式一般為gif和jpg兩種。通常單調(diào)的可以考慮使用gif壓縮。用jpg處理照片比較合適，因?yàn)槔锩姘S多色彩的緩和變化。不管是哪種，做好后都應(yīng)壓縮以給圖片減肥，但不

12、要壓得太多而失真。壓縮可用JPEG OPtimiZer 或Image OPtimiZer 兩種工具，若用PhotoShoP5.5做的圖象，保存時(shí)直接用 SaVe For Web可進(jìn)行壓縮。另外， Gif格式可作成 動(dòng)畫。2、選擇圖片的網(wǎng)絡(luò)存儲(chǔ)空間建議各位賣家們事先可以找一個(gè)穩(wěn)定的空間來(lái)存放你的圖片，以確保你的買家隨時(shí)可以看到精美漂亮的商品。 注意：不要把圖片存放在免費(fèi)相冊(cè)里， 因?yàn)檫@些相冊(cè)的路徑一般都是 虛擬的，每一次瀏覽的 URL都會(huì)改變，這對(duì)我們賣家來(lái)說(shuō)是非常不好的。另外要注意的一點(diǎn)是： 有一些買家反映看到的賣家商品的圖片是小叉叉，這是因?yàn)橐恍┵u家在用HTML粘貼圖片的時(shí)候把自己電腦中 C

13、盤或者D盤（也就是本地路徑）的圖片的路徑直接 直接復(fù)制在命令中，這樣就會(huì)造成賣家自己可以看到這些圖片而你的買家們看到的則是叉叉！所以賣家們?cè)谟肏TML制作圖片的時(shí)候一定要注意不要用本地路徑直接粘貼圖片！四、練習(xí)的例子：（紅色字體部分即可修改成你自己的自定義）第一：用HTML來(lái)插入一個(gè)圖片，<img src="http:/www.cyberhome.c n/images/girl/PLMM_A.jpg">Key:第二：用HTML來(lái)插入一個(gè)URL<a href="點(diǎn)擊我進(jìn)入 </a>Key:點(diǎn)擊我進(jìn)入第三：插入U(xiǎn)rl的同時(shí)，插入圖片，點(diǎn)擊

14、圖片就可以進(jìn)入這個(gè)Url ,如做一個(gè)插入網(wǎng)園淘藝坊的圖片鏈接代碼： Vahref="src="http:/www.cyberhome.c n/images/girl/PLMM_C.jpg"></a>Key:圖片鏈接點(diǎn)擊我進(jìn)入第四：插入一段音樂高山流水： Vembed src="http:/www.cyberhome.c n/images/hill-water.mid" Width="72"height="25"autostart="false"loop="1

15、"alig n="absmiddle"Con trols="smallc On sole/PIaybUtt On/pausebutt On /stopbutt on"> <embed>Key:音樂鏈接點(diǎn)擊我進(jìn)入1.結(jié)構(gòu)性定義文件類型<HTML><HTML> （放在檔案的開頭與文件主題 <TITLE></TITLE> （必須放在文頭區(qū)塊內(nèi)） 文頭<HEAD><HEAD> （描述性資料，像是主題）文體<BODY><BODY> （文件本體

16、）（由瀏覽器控制的顯示風(fēng)格）標(biāo)題<H?></H?> （從1到6 ,有六層選擇）標(biāo)題的對(duì)齊 <H? ALlGN=LEFTlCENTERIRlGHT></H?>區(qū)分 <DIV><DIV>區(qū)分的對(duì)齊 <DlV ALlGN=LEFTlRlGHTlCENTERlJUSTlFY></DlV> 引文區(qū)塊<BLOCKQUOTE></BLOCKQUOTE通常會(huì)內(nèi)縮）強(qiáng)調(diào) <EM></EM> （通常會(huì)以斜體顯示）特別強(qiáng)調(diào) <STRONG></STRONG（&g

17、t; 通常會(huì)以加粗顯示）引文 <ClTE></ClTE> （通常會(huì)以斜體顯示）碼<CODE><CODE> （顯示原始碼之用）樣本 <SAMP></SAMP>鍵盤輸入 <KBD></KBD>變數(shù) <VAR></VAR>定義 <DFN></DFN> （有些瀏覽器不提供）地址 <ADDRESS></ADDRESS>大字 <BlG></BlG>小字 <SMALL></SMALL>與外觀相關(guān)

18、的標(biāo)簽（作者自訂的表現(xiàn)方式）加粗 <B></B>斜體 <l></l>底線 <U></U> （尚有些瀏覽器不提供）刪除線 <S></S> （尚有些瀏覽器不提供）下標(biāo) <SUB></SUB>上標(biāo) <SUP></SUP>打字機(jī)體 <TT></TT> （用單空格字型顯示） 預(yù)定格式 <PRE></PRE> （保留文件中空格的大?。╊A(yù)定格式的寬度 <PRE WIDTH=?></PRE>（以字

19、元計(jì)算）向中看齊<CENTER></CENTER>（文字與圖片都可以）閃耀 <BLINK></BLINK> （有史以來(lái)最被嘲弄的標(biāo)簽）字體大小 VFONT SIZE=?></FONT> （從 1 到 7）改變字體大小 <FONT SIZE=+|-?></FONT>基本字體大小 <BASEFONT SIZE=?> （從1到7; 內(nèi)定為 3）字體顏色 <FONT COLOR="#$"></FONT>4. 特殊字元（以下標(biāo)簽需用小寫）特別符號(hào) &#

20、?; （其中 ? 代表 ISO 8859-1 的編碼）< < > > & & " "注冊(cè)商標(biāo) TM ?N1.0+ 注冊(cè)商標(biāo) TM ?著作權(quán)符號(hào) ?N1.0+ 著作權(quán)符號(hào) ?5. 表單 （通常需要與 CGI 程式配合）定義表單 <FORM ACTION="URL" METHOD=GET|POST></FORM>N2.0 上傳檔案 <FORM ENCTYPE="multipart/form-data></FORM>輸入欄位 <INPUT TYPE=&quo

21、t;TEXT|PASSWORD|CHECKBOX|RADIO|IMAGE|HIDDEN|SUBMIT|RESET">欄位名稱 <INPUT NAME="*">欄位內(nèi)定值 <INPUT value="*">已選定 VlNPUT CHECKED> （適用於 CheCkboXeS 與 radio boxes ）欄位寬度 <INPUT SIZE=?> （以字元數(shù)為單位）最長(zhǎng)字?jǐn)?shù) VlNPUT MAXLENGTH=?> （以字元數(shù)為單位）下拉式選單 VSELECT>V/SELECT>下拉式

22、選單名稱 VSELECT NAME="*">V/SELECT>選單項(xiàng)目數(shù)量 <SELECT SIZE=?></SELECT>多選式選單 <SELECT MULTIPLE> （多選）選項(xiàng) <OPTION>內(nèi)定選項(xiàng) <OPTION SELECTED>文字輸入?yún)^(qū) <TEXTAREA ROWS=? COLS=?></TEXTAREA>輸入?yún)^(qū)名稱 <TEXTAREA NAME="*"></TEXTAREA>N2.0 輸入?yún)^(qū)換行方式 <TEX

23、TAREA WRAP=OFF|VIRTUAL|PHYSICAL></TEXTAREA>6. 表格3.0 定義表格 <TABLE></TABLE>3.0 表格框線 <TABLE BoRDER><TABLE> （有或沒有）N1.1表格框線<TABLE BORDER=?></TABLE（可以設(shè)定數(shù)值）N1.1 儲(chǔ)存格左右留白 <TABLE CELLSPACING=?>N1.1 儲(chǔ)存格上下留白 <TABLE CELLPADDING=?>N1.1 表格寬度 <TABLE WIDTH=?>

24、; （以 pixels 為單位）N1.1 寬度比率 <TABLE WIDTH=%（頁(yè)寬為 100%3.0 表格列 <TR></TR>3.0 表格列內(nèi)容看齊 <TR ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM>3.0 儲(chǔ)存格 <TD></TD> （須與列并用）3.0 儲(chǔ)存格內(nèi)容看齊 <TD ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM>3.0 不換行 <TD NOWRAP>N3.0 儲(chǔ)存格背景顏色 &l

25、t;TD BGCOLOR=#$>3.0 儲(chǔ)存格橫向連接 <TD COLSPAN=?>3.0 儲(chǔ)存格縱向連接 <TD ROWSPAN=?>N1.1 儲(chǔ)存格寬度 <TD WIDTH=?> （以 pixels 為單位）N1.1儲(chǔ)存格寬度比率 <TD WIDTH=%> （頁(yè)寬為100%3.0表格標(biāo)題<TH><TH> （跟<TDk樣，不過(guò)會(huì)對(duì)中并加粗）3.0 表格標(biāo)題對(duì)齊 <TH ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM>3.0 表格標(biāo)題不換行 <

26、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=%（頁(yè)寬為100%）3.0 表格抬頭 <CAPTION></CAPTION>3.0 表格抬頭看齊 <CAPTION ALIGN=ToPIBoTToM>在表格之上/之下）視框定義與控制螢?zāi)簧系奶囟▍^(qū)域）N2.0視框格式總定義<FRAMESET></FR

27、AMESET（> 取代 <BoDY）>N2.0視框行長(zhǎng)度分配<FRAMESET RoWS=,></FRAMESET（>pixels 或 %）N2.0視框行長(zhǎng)度分配<FRAMESET RoWS=*></FRAMESE（T>* = 相對(duì)大小）N2.0視框欄寬度分配<FRAMESET CoLS=,></FRAMESET（> pixels 或 %）N2.0視框欄寬度分配<FRAMESET CoLS=*></FRAMESET（> * = 相對(duì)大?。㎞2.0定義個(gè)別視框<FRAME>

28、; （定義個(gè)別視框）N2.0個(gè)別視框內(nèi)容 <FRAME SRC="URL">N2.0個(gè)別視框名稱 <FRAME NAME="*"I_blankI_selfI_parentI_top>N2.0邊緣寬度 <FRAME MARGlNWIDTH=?（左與右邊界）N2.0邊緣高度<FRAME MARGlNHEIGHT=?>（天頂與地底邊界）N2.0卷動(dòng)條 <FRAME SCRoLLING="YESINoIAUTo">N2.0不可改變大小 <FRAME NoRESIZE>N2.0無(wú)

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

30、="*"></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)選圖 <IM

31、G SRC="URL" 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="

32、;?" HEIGHT="?"（> 以 pixels 為單位） N1.0 圖形邊緣 <IMGSRC="URL" BoRDER=?>（以 PiXelS 為單位）N1.0 圖形邊緣空間 <IMG SRC="URL" HSPACE=? VSPACE=?> （以 PiXeIS 為單位）N1.0 低解析度圖形 <IMG SRC="URL" LoWSRC="URL">N1.1 用戶端拉 <META HTTP-EQUIV="RefreSh&qu

33、ot; C> （使用端自動(dòng)更新 ）N2.0內(nèi)嵌物件 <EMBED SRC="URL"> （將物件插入頁(yè)面）N2.0 內(nèi)嵌物件大小 <EMBED SRC="URL" WIDTH="?" HEIGHT="?">3. 分隔段落 <P> （通常是兩個(gè) return ）3.0 段落 <P></P> （新定義成容器型標(biāo)簽）3.0 文字看齊方式 <P ALIGN=LEFT|CENTER|RIGHT></P>換行 <BR> （一個(gè)

34、 return ）N1.0文字部份看齊方式 <BR CLEAR=LEFTIRIGHT|ALL>（與圖形合用時(shí)）橫線 <HR>N1.0 橫線對(duì)齊 <HR ALIGN=LEFT|RIGHT|CENTER>N1.0 橫線厚度 <HR SIZE=?> （以 PiXelS 為單位）N1.0 橫線寬度 <HR WIDTH=?> （以 PiXelS 為單位）N1.0橫線比率寬度 <HR WIDTH=%（以頁(yè)寬為100%）N1.0實(shí)線<HR NoSHADE> （沒有立體效果）N1.0不可換行<NOBR><NOBR&

35、gt; （不換行）N1.0 可換行處 <WBR> （如果需要，可在此斷行）列舉 （可以巢狀列舉）無(wú)次序式列舉 <UL><LI><UL>（ <LI> 放在每一項(xiàng)前）N1.0 公布式列舉 <UL TYPE=DISC|CIRCLE|SQUARE（> 定義全部的列舉項(xiàng)）<LI TYPE=DISClClRCLElSQUARE>（定義這個(gè)及其後的列舉項(xiàng)） 有次序式列舉 <OL><LI><OL>（ <LI> 放在每一項(xiàng)前）N1.0 數(shù)標(biāo)型態(tài) <OL TYPE=AlalIl

36、il1> （定義全部的列舉項(xiàng)）<LI TYPE=AlalIlil1> （定義這個(gè)及其後的列舉項(xiàng)）N1.0 起始數(shù)字 <OL value=?> （定義全部的列舉項(xiàng)）<LI value=?> （定義這個(gè)及其後的列舉項(xiàng)）定義式列舉 <DL><DT><DD><DL>（ <DT>項(xiàng)目,<DD> 定義）表單式列舉 <MENU><LI><MENU（> <LI> 放在每一項(xiàng)前）目錄式列舉 <DIR><LI><DIR>

37、; （ <LI> 放在每一項(xiàng)前）背景與顏色3.0 重復(fù)排列的背景 <BODY BACKGROUND="URL">N1.1+ 背景顏色 <BODY BGCOLOR="#$"> （依序?yàn)榧t、綠、藍(lán)）N1.1+ 文字顏色 <BODY TEXT="#$">N1.1+ 連結(jié)顏色 <BODY LINK="#$">N1.1+ 看過(guò)的連結(jié) <BODY VLINK="#$">N1.1 使用中的連結(jié) <BODY ALINK="#$">7. 雜項(xiàng)說(shuō)明 <!- * ->（瀏覽器不會(huì)顯示）<!- 修改滾動(dòng)條 -> <style type="textcss">body scrollbar-face

溫馨提示

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

最新文檔

評(píng)論

0/150

提交評(píng)論