網頁語法整理

2008031814:27

★連結語法

往右移
 <P style="MARGIN-LEFT:30px">

貼圖連結加文字
<a href="連結網址" target="_blank" ><img alt="""文字"
src="圖片網址""" border=0></a>

以文字做連結
<a href="連結網址" target="_blank"><font color=#ff0000><b>文字</b></font></a>

增加縮排
<blockquote> </blockquote>

空格 (將 - 刪除)
&-nbsp;&-nbsp;

按字跳另一個視窗畫面
<p><font face=新細明體><strong><font color=#0000ff size=2><a href=" 連結網址" target=_blank>文字</strong></font> </b></font></p>


★特效&新增語法

圖在文字的: align=置中 "absmiddle"
置左 "left" 置右 "right" 置上 "top"
間距:上下vspace="5" 左右hspace="5"
透明 transparent

 連結變換圖片
<a href="連結網址"><img src="原圖片網址" border="0" onMouseOver="this .src='游標指著時的圖片網址'"onMouseOut="this .src='原圖片網址'"></a>

滑鼠指到圖由小變大
<span id="s1" style = "width : 200">
<a href="index.shtml"
onmouseover="img1.style.width='450';"
onmouseout="img1.style.width= '200';">
<Img src="http://kai69ling.googlepages.com/8re.gif" border="0" id="img1">
</a></span>

~歡迎光臨情意的足跡~
<font size=5 face=標楷體 style="filter: glow(color=#ffccff,strength=3); height:10px; color:#ffffff; padding:1px">~歡迎光臨情意的足跡~</font>

防止被盜圖文
<div ondragstart="return false" onselectstart="return false" onContextMenu="return false">文章內容</div>

文繞圖與貼圖對齊文字:
<img src="圖片網址" align="left" hspace="5" vspace="5" border="0">

文章結尾
<br><br>
<img src="http://blog.sina.com.tw/myimages/23/21271/images/20061226153442202.gif" align="left" vspace="10" hspace="15">
若在製作的過程中,有不了解的地方,可回應你的問題<br>我們一起來研究,但請務必留下明確的問題與所在網址.....<br>若喜歡情意的文章,歡迎轉載與引用,但請註明出處與連結<br>感謝你的到訪,歡迎將情意的足跡加入你的連結裡!<br><br>

讓文字對齊
<div style="font-size:12px;width:200;text-align:justify; text-justify:inter-ideograph">內容</div>

字體由下自上移動
<marquee direction=up width="400" height="580" SCROLLAMOUNT="2" SCROLLDELAY="200">跑馬燈由下至上</marquee></font>

測試用的網址: 圖片 MP3 asf
文字往右移<font color="#cc0000" style="MARGIN-LEFT:80px">讓文字往右移 </font>

文字底下有虛線
<Span Style="Border-Bottom:1px dashed #C1C1C1">文字內容</Span>

保存原始格式
<pre>文字內容</pre>

以上由 整理分享