無標題網頁

語法教學*

前言::雖然站長不太熟悉HTML...
只知道HTML是一種像一些碼，
只要在網頁或XANGA或留言板寫出那些碼，
效果就會不同

以下便是教你一些的語法:

隔一行 <br> 隔段 <p> 置中 <center>內容</center> 靠左 <left>內容</left> 靠左 <right>內容</right> 分隔線 <hr> 分隔線的闊度 <hr width= 闊度的數字>

粗體宇 <b>字字</b> 斜體字 <i>字字</i><i>字字</i> 有底線 <u>字字</u> 字的大小(那數字愈大，即那字愈大) <font size=(數字)>字字</font> 字的顏色(字的顏色詳看請看色碼表) <font color=(顏色)>字字</font>

閃字(尼奧是不行的) <img src= width=0 height=0 onerror="setInterval('font.style.color=Math.random()*255*255*255',500)"><font id="font">內容</font> 立體文字(顏色見色碼表) <div style="FILTER: shadow(color=陰影顏色); WIDTH: 460px; HEIGHT: 30px"><FONT color=#文字顏色 size=(字大小，數字顯示)>內容</div></font> 發光文字(顏色見色碼表) <font color=字體顏色 size=字大小 face=標楷體 style=width:100%;filter:glow(color=陰影顏色)>內容</font> 背光文字(顏色見色碼表) <font style=width:100%;filter:glow(color=底色,strength=50)><center>內容</center></font> 圖片加上字 <TABLE height=圖片高度(數字) width=圖片寬度(數字) align=center background=圖片網址 border=6> <TD style="FILTER: glow(strength=1)mask(color=#B4BBCF)chroma(color=#B4BBCF)" align=middle height=54><FONT face=MingLiU color=#8c96b5 size=6><B><I>內容</I></B></FONT></TD></TABLE> 字字動動(顏色見色碼表) <font size="字體大小(數字)" face=標楷體 color="字顏色"> <marquee direction=up behavior=alternate width=寬度 height=擺動高度>內容</marquee> 下兩字 <marquee scrollamount=3 direction="down" width=60 height=80><font size=5 color=#788aff>內容</font></marquee><marquee scrollamount=4 direction="down" width=60 height=80><font size=5 color=#788aff >內容</font></marquee> <marquee scrollamount=5 direction="down" width=60 height=80><font size=5 color=#788aff >內容</font></marquee> <marquee scrollamount=6 direction="down" width=60 height=80><font size=5 color=#788aff>內容</font></marquee> <marquee scrollamount=7 direction="down" width=60 height=80><font size=5 color=#788aff >內容</font></marquee> <marquee scrollamount=8 direction="down" width=60 height=80><font size=5 color=#788aff>內容</font></marquee> <marquee scrollamount=9 direction="down" width=60 height=80><font size=5 color=#788aff >內容</font></marquee> <marquee scrollamount=10 direction="down" width=60 height=80><font size=5 color=#788aff >內容</marquee></font> 流星字 <MARQUEE direction=down height=150><MARQUEE direction=left scrollAmount=15><FONT color=pink> /<BR><I>內容</I></FONT></MARQUEE><MARQUEE direction=left scrollAmount=12><FONT color=deeppink> /<BR><I>內容</I></FONT></MARQUEE><MARQUEE direction=left scrollAmount=9><FONT color=skyblue> /<BR><I>內容</I></FONT></MARQUEE><br><MARQUEE direction=left scrollAmount=6><FONT color=ff99ff> /<BR><I>內容</I></FONT></MARQUEE><br><MARQUEE direction=left scrollAmount=3><FONT color=33cc99> /<BR><I>內容</I></FONT></MARQUEE><br></MARQUEE> 上標字 <sup>字字</sup> 下標字 <sub>字字</sub> 刪線 <del>字字</del> 按鈕 <INPUT name=op-newfile type=submit value="內容">

圖圖怎樣顯示(圖網，是該圖右按內容中的網址) <img src="(圖網)"> image map <map name="demo"> <area shape=形狀 coords="座標"" href="連結網"> </map> <img src="圖網" usemap="#demo" border=0> 矇朧圖片 <img src="圖網" style="filter:Alpha(opacity=100,style=填數字(1至3));"> 改變圖的大小 <img src="圖網" height=高度 width=闊度>

普通文字連結 <A href="連結網">顯示的連結的字</A> 　圖連結 <A href="想連結的網址"><img src="圖圖網址"></A> 連結點點點顏色 <STYLE> A{color:orange;text-decoration:none} A:hover{color:no; border-bottom-width:數字(點點的距離(下))(幾多px); border-bottom-style:dotted; border-bottom-color:顏色(下點點); border-top-width:數字(點點的距離(上))(幾多px); border-top-style:dotted; border-top-color:顏色(上點點); position:relative;top:1px;left:1px;} </STYLE> 觸碰式連結 <a href="Doesn't matter"onMouseOver="parent.location=連結的網址'">連結的字</a>

背景右下* <style type="text/css">BODY {background:url(背景圖網) no-repeat fixed right bottom;}</style> 背景左上* <style type="text/css">  </style> 背景左下* <style type="text/css">  </style> 背景右上* <style type="text/css">  </style> 背景中央 <style type="text/css">  </style> 重複背景 <body background=背景圖網>

普通遊標 <body style="cursor:url(遊標網)"> 十字遊標 <style>body{cursor:crosshair}</style> 滑鼠帶字 <style>  </style> <script language=JavaScript>  var message="輸入你要的字"; var x,y;  var step=12; var flag=0; message=message.split(""); var xpos=new Array(); for (i=0;i<=message.length-1;i++) { xpos[i]=-50; } var ypos=new Array(); for (i=0;i<=message.length-1;i++) { ypos[i]=-50; } function handlerMM(e) { x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX+20; y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY; flag=1; } function makesnake() { if (flag==1 && document.all) { for (i=message.length-1; i>=1; i--) { xpos[i]=xpos[i-1]+step; ypos[i]=ypos[i-1]; } xpos[0]=x+step; ypos[0]=y; for (i=0; i<=message.length-1; i++) { var thisspan = eval("span"+(i)+".style"); thisspan.posLeft=xpos[i]; thisspan.posTop=ypos[i]; thisspan.color=Math.random() * 255 * 255 * 255 + Math.random() * 255 * 255 + Math.random() * 255; } } else if (flag==1 && document.layers) { for (i=message.length-1; i>=1; i--) { xpos[i]=xpos[i-1]+step; ypos[i]=ypos[i-1]; } xpos[0]=x+step; ypos[0]=y; for (i=0; i<message.length-1; i++) { var thisspan = eval("document.span"+i); thisspan.left=xpos[i]; thisspan.top=ypos[i]; thisspan.color=Math.random() * 255 * 255 * 255 + Math.random() * 255 * 255 + Math.random() * 255; } } } --> </script> <script language=JavaScript>  </script> <script language=JavaScript>  </script> <body onLoad="JavaScript:pageonload()">

<STYLE> BODY { SCROLLBAR-FACE-COLOR: 面顏色; SCROLLBAR-HIGHLIGHT-COLOR: 邊顏色; SCROLLBAR-SHADOW-COLOR: 邊顏色; SCROLLBAR-3DLIGHT-COLOR:邊顏色; SCROLLBAR-ARROW-COLOR: 那箭咀顏色; SCROLLBAR-TRACK-COLOR: 底顏色; SCROLLBAR-DARKSHADOW-COLOR: 顏色; SCROLLBAR-BASE-COLOR: 顏色 } </STYLE>

<table border=n> <caption>表格標題</caption> <tr><td>列一行一</td><td>列一行二</td></tr> <tr><td>列二行一</td><td>列二行二</td></tr> </table> 複雜表格 BY婷婷的語法教學 <table border="1" width="179" bordercolorlight="#CC99FF" height="0" bordercolordark="#CC99FF" style="border-style: dotted; border-color: #CC99FF"> <tr> <td width="169" colspan="3" align="center"><font color="#CC99FF">要放的字</font></td> </tr> <tr> <td width="58" align="center">要放的</td> <td width="58" align="center">要放的</td> <td width="59" align="center">要放的</td> </tr> <tr> <td width="58" align="center">要放的</td> <td width="58" align="center">要放的</td> <td width="59" align="center">要放的</td> </tr> <tr> <td width="58" align="center">要放的</td> <td width="58" align="center">要放的</td> <td width="59" align="center">要放的</td> </tr> </table>

姓名輸入語法 <form> 姓名：<input type=text name=NAME value="你的名字" size=8 maxlength=8> </form> 密碼輸入語法 <form> 密碼：<input type=password name=passwd value="" size=8 maxlength=8> </form> 性別選擇語法 <form> <input type=radio name=SEX value=男>男 <input type=radio name=SEX value=女>女鉤的語法 <form> <input type=checkbox name=FRUIT1 value=內容>內容下拉式語法(如:生日日期) <form> <select name="MONTH"> <option>1 <option>2 <option>3 <option>4 <option>5 <option>6 <option>7 <option>8 <option>9 <option>10 <option>11 <option>12 </select>月 </form>

(只適合yahoo!(暫時))首先建一個網頁，叫做frame.htm，會建在左邊框的，在我的協會網來說，即是迷戀攻略，迷戀素材那欄，你先貼以下的語法這網頁上 <head> <title>Frame Index</title> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=big5"> </head> <center><hr width=100%> <! ========================================================== <a href=你的檔案名(如有yahoo的話，是有xxx.htm，請要貼那htm.) target=right>內容</a> <p><!======================================================> <hr width=100%> <a href="content.htm#advanced" target="_top"> 然後建一個網頁，叫happy.htm ，這是首頁來的，你慢慢做好啦!(不用額外語法) 最後建一個網頁，叫index.htm ，那你要貼上以下的語法 <HTML> <HEAD> <TITLE>你的標題 </TITLE> </HEAD> <FRAMESET COLS=2*,7* border=0> <FRAME SRC="frame.htm" NAME="left"> <FRAME SRC="happy.htm" NAME="right"> </FRAMESET> </HTML>

由右至左 <marquee>內容</marquee> 由左至右 <marquee direction="right;>內容</marquee> 跑馬燈 (交替) <marquee behavior="alternate">內容</marquee> 跑馬燈(交錯) <marquee direction=right width=88 height="16">左邊內容</marquee><marquee direction=left width=86 height="16">右邊內容</marquee> 字往上移 <MARQUEE scrollAmount=1 direction=up>內容</MARQUEE> 飄動文字 <marquee><marquee direction=up behavior=alternate width=400 height=100>內容</marquee></marquee>

四色外框* <script language="JavaScript1.2"> if (document.all)document.body.style.cssText="border:10 double; border-color:上方色碼右方色碼下方色碼左方色碼"</script> 上下外框* <script language="JavaScript1.2"> if (document.all) document.body.style.cssText="border-bottom-width:粗幼px;border-bottom-style:dotted;border-bottom-color:下邊色碼;border-top-width:粗幼px;border-top-style:dotted;border-top-color:上邊色碼" </script> 左右外框*　 <script language="JavaScript1.2"> if (document.all) document.body.style.cssText="border-left-width:粗幼px;border-left-style:dotted ;border-left-color:左邊色碼;border-right-width:粗幼px;border-right-style:dotted ;border-right-color:右邊色碼" </script>

音樂選單* <script language="javascript"> function songstop(){ if (document.layers) {document.ram.document.write(" "); document.lthhung.document.close()} if (document.all) lthhung.netinnerHTML=" "} function songplay(){ if (document.layers) { document.lthhung.document.write("<embed src=+sound+ autostart= rue loop= rue width=Ɔ height=Ɔ>"); document.ram.document.close()} if (document.all) lthhung.innerHTML="<embed src=\"+sound+" autostart= rue loop= rue width=Ɔ height=Ɔ>"} function getNewSound(){ sound=document.hung.music.options[document.hung.music.selectedIndex].value; songstop() songplay()} </script> <a id="lthhung"></a> <form name="hung"> <select onchange="getNewSound()" size="1" name="music"> <option style="BACKGROUND-COLOR urple;color ink" > 音樂選單*</option> <option value="音樂網址">歌名 <option value="音樂網址">歌名 <option value="音樂網址">歌名 </select> </form> 連續音樂 <body> <bgsound src="音樂網址" loop="-1"> </body>

按一按就上一頁* <input TYPE="button" VALUE="上一頁" OnClick="history.go( -1 );return true;" style="background-color: 背景色碼; border: 1 dotted 框的色碼"> 按一按就下一頁* <input TYPE="button" VALUE="下一頁" OnClick="history.go( 1 );return true;" style="background-color: 背景色碼; border: 1 dotted 框的色碼"> 設為首頁* <a HREF="#" ONCLICK="this.style.behavior='url(#default#homepage)';this.setHomePage('網址名');" target="_self">設為首頁*</a>