初級html代碼大全_第1頁
初級html代碼大全_第2頁
初級html代碼大全_第3頁
初級html代碼大全_第4頁
初級html代碼大全_第5頁
已閱讀5頁，還剩20頁未讀， 繼續(xù)免費閱讀

下載本文檔

版權說明：本文檔由用戶提供并上傳，收益歸屬內容提供方，若內容存在侵權，請進行舉報或認領

文檔簡介

1、初級 html 代碼大全初級html代碼大全1）貼圖：<imgsrc="圖片地址">2）加入連接： <ahref=" 所要連接的相關地址 "> 寫上你想寫的字 </a>3）在新窗口打開連接： <ahref=" 相關地址 "target="_blank"> 寫上要寫的字 </a>4）移動字體 （走馬燈 ）： <marquee> 寫上你想寫的字&

2、lt;/marquee>5）字體加粗： <b> 寫上你想寫的字</b>6）字體斜體：<i>寫上你想寫的字</i>7）字體下劃線 :<u>寫上你想寫的字</u>字體刪除線 :<s>寫上你想寫的字</s>9）字體加大 :<big>寫上你想寫的字</big>10）字體控制大?。?<h1&g

3、t; 寫上你想寫的字</h1 >（其中字體大小可從 h1-h5,h1最大，h5最?。?1 1 ）更改字體顏色： <fontcolor="#value"> 寫上你想寫的 字</font>（其中 value 值在 000000 與 ffffff（16 位進制）之間 1 2）消除連接的下劃線： <ahref=" 相關地址"style="text-decoration:none"> 寫上你想寫的字 </a&gt

4、;13）貼音樂： <embedsrc=" 音樂地址 "width=" 寬度 "height="高度 "autostart=false>14）貼 flash:<embedsrc="flash地址"width="寬度"height="高度">15）貼影視文件: <imgdynsrc=" 文件地址 "width=" 寬度 "height=" 高度<S

5、TRONG> </STRONG>通常會以加粗顯示）段落 </p>1 原始文字樣式： <pre> 正文</pre>19） 換帖子背景： <bodybackground=" 背景圖片地址 ">20）固定帖子背景不隨滾動條滾動：<bodybackground=" 背景圖片地址 "bodybgproperties=fixed>21）定制帖子背景顏色：<bodybgcol

6、or="#value"& gt; （value 值見 10）22）帖子背景音樂： <bgsound=" 背景音樂地址 "loop=infinite>23）貼網頁： <iframesrc=" 相關地址 "width=" 寬度 "height="高度"& gt; </ifram e>1.結構性定義文件類型<HTML> </HTML>放在檔案的開頭與結尾

7、）文件主題 <TITLE> </TITLE>必須放在文頭區(qū)塊內）文頭 <HEAD> </HEAD>描述性體大小 <BASEFONTSIZE=?& gt; （從 1到 7;內定為 3）資料，像是主題） 文體 <BODY> </BODY>文件本體）由瀏覽器控制的顯示風格）標題<H?> </H?>從 1到 6，有六層選擇）標題區(qū)分的對齊的對齊 &am

8、p;lt;H?ALIGN=LEFT|CENTER|RIGHT> </H?>區(qū)分 <DIV> </DIV><DIV ALIGN=LEFT|RIGHT|CENTER|JUSTIFY></DIV>引文區(qū)塊 <BLOCKQUOTE></EM> （通常會以斜體顯示）特別強調引文& lt;CITE> & lt;/CITE>通常會以斜體顯示）碼 &

9、lt;CODE > & lt;/CODE>顯示原始碼之用）本<SA MP> & lt;/SA MP>鍵盤輸入 <KBD></KBD>變數 <V AR> </V AR> 定義<DFN> </DFN> （有些瀏覽器不提供）地址<ADDRESS> </ADDRESS>大字 <BIG

10、></BIG>小字 <*ALL> </*ALL>與外觀相關的標簽（作者自訂的表現方式）加粗 <B></B>斜體 <I> </I>底線 <U></U>尚有些瀏覽器不提供）刪除線 <S></S>尚有些瀏覽器不提供）標 <SUB>t 標 & lt;

11、SU P> & lt;/SU P> 體<TT> </TT>（用單空格字型顯示）</SUB>打字機預定格式&l tRE> & It;/PRE>保留文件中空格的大?。┧悖┒ǜ袷降膶挾?&ltREWIDTH=?> </PRE> （以字元計字與圖片都可以）向中看齊 <CENTER> </CENTER>閃耀 <BLINK&a

12、mp;gt; </BLINK>有史以來最被嘲弄的標簽）字體大小<FONTSIZE=?> </FONT>從 1到 7）改變基本字字體大小 <FONTSIZE=+|-?> </FONT>字體顏色 <FONTCOLOR="#$"> </FONT>2.連結與圖形連結& lt;AHREF="URL"> & lt;/A>連結到錨點

13、 <AHREF="URL#*"> </A>如果錨點在另一個檔案）<AHREF="#*"> </A>如果錨點目前的檔案）連結到目的視框<IMGSRC="URL">圖形看齊方式圖形設定<AHREF="URL"TARGET="*"> </A>錨點 <ANAME="*"&

14、;gt; </A><IMGSRC="URL"ALIGN=TOP|BOTTOM|MIDDLE>圖形看齊方式 <IMGSRC="URL"ALIGN=LEFT|RIGHT|TEXTTOP|AB*IDDLE|BASELINE|ABSBOTTOM>取代文字<IMGSRC="URL"ALT="*">如果沒有辦法顯示圖形則顯示此文字）點選圖 <IMGSRC="URL"I*AP&

15、gt;需要 CGI 程式）N2.0 點選圖<IMGSRC="URL"USEMAP="URL">N2.0 地圖<MAPNAME="*"> </MAP>描述地圖）N2.0 段落<AREASHAPE="RECT"COORDS=","HREF="URL"|NOHREF> 3.0 大小<IMGSRC="URL"WIDTH="?&qu

16、ot;HEIGHT="?">以 pixels為單位） N1.0 圖形邊緣 <IMGSRC="URL"BORDER=?>以 pixels 為單位）N1.0 圖形邊緣空間<IMGSRC="URL"HSPACE=?VSPACE=?> （以 pixels為單位）N1.0 低解析度圖形比率寬度 <HRWIDTH=%> （ 以頁寬為 100%）N1.0可換行 <NOBR> </NOBR>不換行）

17、N1.0N1.1 用戶端<IMGSRC="URL"LOWSRC="URL"><METAHTTP-EQUIV="Refresh"CONTENT="?;URL=URL"> （使用端自動更新）N2.0 內嵌物件<EMBEDSRC="URL"> （將物件插入頁面）N2.0內嵌物件大小<EMBEDSRC="URL"WIDTH="?"HEIGHT="?"

18、;>3.分隔 段落 &lt> （通常是兩個 re turn ）3.0 段落&lt> </P> （新定義成容器型標簽）3.0 文字看齊方式 &ltALIGN=LEFT|CENTER|RIGHT> </P>換行 <BR> （一個 return）N1.0 文字部份看齊方式<BRCLEAR=LEFT|RIGHT|ALL>與圖形合用時）橫線 <HR>N1.0 橫線對齊<HR

19、ALIGN=LEFT|RIGHT|CENTER>N1.0 橫線厚度<HRSIZE=?>（以 pixels 為單位）N1.0 橫線寬度<HRWIDTH=?>（以 pixels 為單位）N1.0 橫線實線 <HRNOSHADE> （沒有立體效果）N1.0 不可換行處 <WBR> （如果需要，可在此斷行）列舉<BODYLINK="#$"& gt;N1.1 +看過的連結可以巢狀列舉）無次序式列舉 <UL&g

20、t; <LI></UL> （ <LI> 放在每一項前）N1.0 公布式列舉 <ULTYPE=DISC|CIRCLE|SQUARE>（定義全部的列舉項）<LITYPE=DISC|CIRCLE|SQUARE>定義這個及其後的列舉項） 有次序式列舉 <OL><LI> </OL>（ <LI> 放在每一項前）N 1 .0數標型態(tài) <OLTYP

21、E=A|a|I|i|1> （定義全部的列舉項）<LITYPE=A|a|I|i|1> （定義這個及其後的列舉項）N1.0 起始數字 <OLvalue=?> （定義全部的列舉項）<LIvalue=?> （定義這個及其後的列舉項）定義式列舉 <DL> <DT> <DD> </DL><DT> 項目 ,<DD> 定義）表單式列舉&lt

22、;MENU> <LI> </MENU><LI> 放在每一項前）目錄式列舉 <DIR> <LI></DIR> （ <LI> 放在每一項前）背景與顏色3.0 重復排列的背景 <BODYBACKGROUND="URL">N1.1 + 背景顏色 <BODYBGCOLOR="#$">（依序為紅、綠、藍）

23、N1.1 +文字顏色<BODYTEXT="#$">N1.1 +連結顏色<BODYVLINK="#$">N1.1 使用中的連結<BODYALINK="#$">4.特殊字元（以下標簽需用小寫）特別符號 &#?; （其中 ?代表 ISO8859-1的編碼）<<> > &&""注冊商標TM?N 1 .0+注冊商標 TM?著作權符號N1.0

24、+ 著目數量 <SELECTSIZE=?> </SELECT>多選式選單 <SELECTMULTIPLE>（多選）選項定義作權符號 ?5.表單（通常需要與 CGI 程式配合）表單 <FORMACTION="URL"METHOD=GET|POST> </FORM>N2.0 上傳檔案<FORMENCTYPE="multipart/form- data></FORM>輸

25、入欄位欄位名稱<INPUTNAME="*">欄位內定值<INPUTvalue="*">已選定<INPUTCHECKED>適用於 checkboxes 與radioboxes）欄位寬度 <INPUTSIZE=?> （以字元數為單位）最長字數 <INPUTMAXLENGTH=?>字元數為單位）拉式選單 <SELECT></SELECT>拉式選單名稱<I

26、NPUTTYPE="TEXT|PASSWORD|CHECKBOX|RADIO|IMAGE|HIDDEN|SUBMIT|RESET">選單項<SELECTNAME="*"> </SELECT><OPTION>內定選項 <OPTIONSELECTED>縱向連接 <TDROWSPAN=?>N1.1 儲存格寬度文字輸入區(qū) <TEXTAREAROWS=?COLS=?></

27、TEXTAREA>輸入區(qū)名稱</FRAMESET> （pixels 或 %）N2.0 視框行長度分<FRAMESETCOLS=,> </FRAMESET>pixels<TEXTAREANAME="*"> </TEXTAREA>N2.0 輸入區(qū)換行方式<TEXTAREAWRAP=OFF|VIRTUAL|PHYSICAL></TEXTAREA>6.表格3.0 定義表格&a

28、mp;lt;TABLE> </TABLE>3.0 表格框線<TABLEBORDER> </TABLE>有或沒有）N1.1 表格框線 <TABLEBORDER=?> </TABLE>可以設定數值）N1.1 儲存格左右留白<TABLECELLSPACING=?>N1.1 儲存格上下留白<TABLECELLPADDING=?& gt;N1.1 表格寬度<TABLEWIDTH=?

29、> （以 pixels 為單位）N1.1度比率 <TABLEWIDTH=%> （頁寬為 100%）3.0表格列 <TR> </TR>3.0 表格列內容看齊<TRALIGN=LEFT|RIGHT|CENTERVALIGN=TOP|MIDDLE|BOTTOM>3.0儲存格 <TD> </TD>與列并用）3.0 儲存格內容看齊<TDALIGN=LEFT|RIGHT|CENTERVALIGN=TOP|MIDD

30、LE|BOTTOM>3.0 不換行 <TDNOWRAP>N3.0 儲存格背景顏色 <TDBGCOLOR=#$>3.0 儲存格3.0 儲存格橫向連接 <TDCOLSPAN=?>N1.1 儲存格3.0 表<TDWIDTH=?> （以 pixels 為單位） 寬度比率 <TDWIDTH=%> （頁寬為 100%）格標題 <TH> </TH>（跟 <TD>樣，不過會對

31、中并加粗）3.0 表格標題對齊<THALIGN=LEFT|RIGHT|CENTERVALIGN=TOP|MIDDLE|BOTTOM>3.0表格標題不換行<THNOWRAP>3.0 表格標題占幾欄<THCOLSPAN=?>3.0 表格標題占幾列<THROWSPAN=?>N1.1 表格標題寬度<THWIDTH=?>以 pixels 為單位）N1.1 表格標題比率寬度 <THWIDTH=%> （頁寬為 100% ）3.0表格抬頭 &a

32、mp;lt;CAPTION> </CAPTION>3.0 表格抬頭看齊 <CAPTIONALIGN=TOP|BOTTOM>在表格之上 /之下）視框（定義與控制螢幕上的特定區(qū)域）N2.0 視框格式總定義 <FRAMESET></FRAMESET> （取代 <BODY> ）N2.0 視框 行長度分配 <FRAMESETROWS=,>*=配 <FRAMESETROWS=*> </

33、FRAMESET>相對大小）N2.0 視框欄寬度分配N2.0 定義個別視框<FRAME>（定義個別視框）N2.0 個別視框內或%）N2.0 視框欄寬度分配 <FRAMESETCOLS=*></FRAMESET>（*= 相對大?。?amp;lt;marqueebehavior=alternate> .</marquee>來回卷動<marqueedirection=down> .</marquee>N2.

34、0 個別視框名稱容 <FRAMESRC="URL"& gt;左<FRAMENAME="*"|_blank|_self|_parent|_top& gt;N2.0 邊緣寬度 <FRAMEMARGINWIDTH=?>與右邊界）N2.0 邊緣高度<FRAMEMARGINHEIGHT=?>天頂地底邊界）N2.0 卷動條<FRAMESCROLLING="YES|NO|AUTO">N2.0 不可改變大小

35、<FRAMENORESIZE>N2.0 無視框時的內容& lt;NOFRAMES> & lt;/NOFRAMES>如果瀏覽器不提供視框功能的話）7.雜項說明 <!-*->瀏覽器不會顯示）Html 代碼大全 Html 代碼大全HTML 語法大全卷標 ,屬性名稱 ,簡介<!-.->批注 <!> 跑馬燈<marquee> .</marquee>普通卷動<marqueebehav

36、ior=slide> .</marquee> 滑動<marqueebehavior=scroll> .</marquee>預設卷動向下卷動<marqueedirection=up> .</marquee>向上卷動<marqueedirection=right> </marquee>向右卷動<marqueedirection=left> </mar

37、quee>向左卷動<marqueeloop=2> .</marquee>卷動次數<marqueewidth=180> .</marquee>設定寬度<marqueeheight=30> .</marquee>設定高度<marqueebgcolor=FF0000> .</marquee>設定背景顏色<marqueescrollamount=30&a

38、mp;gt; .</marquee>設定卷動距離<marqueescrolldelay=300> .</marquee>設定卷動時間<!> 字體效果<h1> .</h1>標題字 （最大 ）<h6> .</h6>標題字 （最小）<b> .</b>粗體字<strong> .</st

39、rong>粗體字 （ 強調 ）<i> .</i>斜體字<em> .</em>斜體字 （強調 ）<dfn> .</dfn>斜體字 （ 表示定義 ）<u> .</u>底線<ins> .</ins>底線 （表示插入文字 ）橫線<s> .</s>&l

40、t;strike> .</strike>刪除線<del> .</del>刪除線 （表示刪除 ）<kbd> .</kbd>鍵盤文字<tt> .</tt>打字體<xmp> .</xmp>固定寬度字體 （在文件中空白、換行、定位功能有效 ） <plaintext> .</plaintext&

41、;gt;固定寬度字體 （不執(zhí)行標記符號 ）<listing> .</listing>固定寬度小字體<fontcolor=00ff00> .</font>字體顏色<fontsize=1> .</font><fontstyle=font-size:100px> .</font>無限增大<!> 區(qū)斷標記 <hr> 水平線&a

42、mp;lt;hrsize=9> 水平線 （設定大小 ） <hrwidth=80%>水平線（設定寬度 ） <hrcolor=ff0000> 水平線 （設定顏色）（換行 ）<nobr> .</nobr>水域 （不換行） <p> .</p>水域（段落 ）<center> .</center>置<!> 連結格式 <basehr

43、ef= 地址 > （ 預設好連結路徑 ）& lt;ahref=地址 > </a>外部連結<ahref= 地址target=_blank> </a> 外部連結 （另開新窗口 ）<ahref= 地址 target=_top> </a> 外部連結 （ 全窗口連結）<ahref=地址 target=頁框名 > </a>外部連結 （在指定頁框連結 ）<!&

44、;gt; 貼圖 /音樂<imgsrc= 圖片地址 > 貼圖 <imgsrc= 圖片地址width=180> 設定圖片寬度 <imgsrc= 圖片地址height=30> 設定圖片高度<imgsrc= 圖片地址 alt=數 > .</table> 設定表格外框線的顯示方式提示文字 > 設定圖片提示文字<imgsrc= 圖片地址border=1> 設定圖片邊框 件地址 & gt; 背景音樂設定&

45、lt;bgsoundsrc=MID 音樂文<!> 表格語法表格位置 ,置中<tablealing=left> .</table>表格位置 ,置左 <tablealing=center> .</table><tableborder= 邊框大小<tablebackground= 圖片路徑 > .</table> 背景圖片 的 URL= 就是路徑網址> .</tab

46、le> 設定表格邊框大小 （使用數字 ）<tablebgcolor= 顏色碼 > .</table> 設定表格的背 景顏色 <tableborderclor= 顏色碼 > .</table>設定表格邊框的顏色<tableborderclordark=顏色碼> .</table> 設定表格暗邊框的顏色<tableborderclorlight= 顏色碼 > .</table&

47、amp;gt;設定表格亮邊框的顏色 <tablecellpadding= 參數> .</table> 指定內容與網格線之間的間距（使用數字 ）<tablecellspacing= 參數 > .</table>指定網格線與網格線之間的距離 （使用數字 ）<tablecols= 參數> .</table> 指定表格的欄數<tableframe= 參<tablewidth= 寬度 > .&am

48、p;lt;/table> 指定表格的寬度大 小 （使用數字 ）<tableheight= 高度 > .</table>指定表格的高度大小 （使用數字 ）<tdcolspan= 參數> .</td> 指定儲存格合并欄的欄數 （使用數字 ）<tdrowspan= 參數 > .</td> 指定儲存格合并列的列數 （使用數字 ）<!> 分割窗口<framesetcols="

49、;20%,*"> 左右分割 ,將左邊框架分割大小為 20%右邊框架的大小瀏覽器會自動調整<framesetrows="20%,*"> 上下分割 ,將上面框架分割大小為 20%下面框架的大小瀏覽器會自動調整<framesetcols="20%,*"& gt;分割左右兩個框架<framesetcols="20%,*,20%">分割左中右三個框架< 分割上下兩個框架<framesetrows="

50、20%,*,20%">分割上中下三個框架<!-.-> 批注 <AHREFTARGET> 指定超級鏈接的分割窗口<AHREF=# 錨的名稱 > 指定錨名稱的超級鏈接<AHREF> 指定超級鏈接用來顯示電子郵<ANAME= 錨的名稱 > 被連結點的名稱箱地址<ADDRESS> </ADDRESS><B> 粗體字 <BASETARGET>指定超級鏈接的分割窗口<BASEFONTSIZE> 更改預設字形大小<BGSOUNDSRC> 加入背景音樂<BIG> 顯示大字體<BLINK> 閃爍的文字<BODYTEXTLINKVLINK>設定文字顏色<BODY> 顯示本文<BR> 換行<CAPTIONALIGN> 設定表格標題位置<CAPTION&g

溫馨提示

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

評論

0/150

提交評論