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

下載本文檔

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

文檔簡介

1、、HTML各種命令的代碼:1、文本標簽 （命令 ） <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基本語法創(chuàng)建預(yù)格

4、式化文本 創(chuàng)建最大的標題 創(chuàng)建最小的標題 創(chuàng)建黑體字 創(chuàng)建斜體字 創(chuàng)建打字機風(fēng)格的字體 創(chuàng)建一個引用 , 通常是斜體 加重一個單詞（通常是斜體加黑體） 加重一個單詞（通常是斜體加黑體） 設(shè)置字體大小，從 1 到 7 設(shè)置字體的顏色 ,使用名字或十六進制值 2、圖形 （命令） 添加一個圖像排列對齊一個圖像 : 左中右或上中下 設(shè)置圍繞一個圖像的邊框的大小 加入一條水平線 設(shè)置水平線的大?。ǜ叨龋?設(shè)置水平線的寬度（百分比或絕對像素點） 創(chuàng)建一個沒有陰影的水平線創(chuàng)建一個超鏈接 創(chuàng)建一個自動發(fā)送電子郵件的鏈接 創(chuàng)建一個位于文檔內(nèi)部的靶位 創(chuàng)建一個指向位于文檔內(nèi)部靶位的鏈接創(chuàng)建一個新的段落 將段落按左

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

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

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

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

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

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

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

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

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

14、圖片就可以進入這個Url ,如做一個插入網(wǎng)園淘藝坊的圖片鏈接代碼： Vahref="src="http:/www.cyberhome.c n/images/girl/PLMM_C.jpg"></a>Key:圖片鏈接點擊我進入第四：插入一段音樂高山流水： 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:音樂鏈接點擊我進入1.結(jié)構(gòu)性定義文件類型<HTML><HTML> （放在檔案的開頭與文件主題 <TITLE></TITLE> （必須放在文頭區(qū)塊內(nèi)） 文頭<HEAD><HEAD> （描述性資料，像是主題）文體<BODY><BODY> （文件本體

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

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

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

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

20、?; （其中 ? 代表 ISO 8859-1 的編碼）< < > > & & " "注冊商標 TM ?N1.0+ 注冊商標 TM ?著作權(quán)符號 ?N1.0+ 著作權(quán)符號 ?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ù)為單位）最長字數(shù) VlNPUT MAXLENGTH=?> （以字元數(shù)為單位）下拉式選單 VSELECT>V/SELECT>下拉式

22、選單名稱 VSELECT NAME="*">V/SELECT>選單項目數(shù)量 <SELECT SIZE=?></SELECT>多選式選單 <SELECT MULTIPLE> （多選）選項 <OPTION>內(nèi)定選項 <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 儲存格左右留白 <TABLE CELLSPACING=?>N1.1 儲存格上下留白 <TABLE CELLPADDING=?>N1.1 表格寬度 <TABLE WIDTH=?>

24、; （以 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 不換行 <TD NOWRAP>N3.0 儲存格背景顏色 &l

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

26、TH NOWRAP>3.0 表格標題占幾欄 <TH COLSPAN=?>3.0 表格標題占幾列 <TH ROWSPAN=?>N1.1 表格標題寬度 <TH WIDTH=?> （以 pixels 為單位）N1.1表格標題比率寬度 <TH WIDTH=%（頁寬為100%）3.0 表格抬頭 <CAPTION></CAPTION>3.0 表格抬頭看齊 <CAPTION ALIGN=ToPIBoTToM>在表格之上/之下）視框定義與控制螢?zāi)簧系奶囟▍^(qū)域）N2.0視框格式總定義<FRAMESET></FR

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

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

29、視框時的內(nèi)容<NOFRAMES></NOFRAMES>果瀏覽器不提供視框功能的話）2. 連結(jié)與圖形連結(jié) <A HREF="URL"></A>連結(jié)到錨點 <A HREF="URL#*"></A> （如果錨點在另一個檔案）<A HREF="#*"></A> （如果錨點目前的檔案）連結(jié)到目的視框 <A HREF="URL" TARGET="*"></A>設(shè)定錨點 <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="*"> （如果沒有辦法顯示圖形則顯示此文字） 點選圖 <IM

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

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

34、 return ）N1.0文字部份看齊方式 <BR CLEAR=LEFTIRIGHT|ALL>（與圖形合用時）橫線 <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實線<HR NoSHADE> （沒有立體效果）N1.0不可換行<NOBR><NOBR&

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

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

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

溫馨提示

  • 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)方式做保護處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論