|
文字與圖片的幾種排版用法(含代碼) 一.把圖片放在文字的左邊，代碼效果如下：
改后的代碼是： <P><IMG height=201 hspace=30 src="圖片連接地址" width=154 align=left border=0><FONT face=Arial>日志文字</FONT></P> 二.把圖片放在右側  要想把圖片放在右側,可把[align=left ]改成[align=right ]改后的代碼如下： <P><IMG height=201 src="圖片連接地址" width=154 align=right border=0><FONT face=Arial> 日志文字<BR> </FONT><BR clear=left></P> 三.在圖片上加日志文字代碼 <DIV style="WIDTH: 300px; HEIGHT: 240px"><IMG height=240 src="圖片連接地址" width=300 align=right> <DIV style="FLOAT: left; WIDTH: 300px; HEIGHT: 240px; BACKGROUND-COLOR: transparent"><BR><FONT color=#ff00ff>日志文字日志文字日志文字日志文字日志文字</FONT> </DIV></DIV> 四.全背景文字混排:
網頁制作常用代碼集 一.網頁加寬代碼 <DIV style="LEFT: -125px; WIDTH: 1000px; POSITION: relative; TOP: 0px"> 二.網頁貼代碼 <P align=center><A target=_blank><FONT face=黑體 color=#386138 size=4>點擊進入看全屏</FONT></A></P> <P align=center> </P> <P align=left></P> <DIV style="LEFT: -125; WIDTH: 1000; POSITION: relative; TOP: 0px"><IFRAME marginWidth=0 marginHeight=0 src="http://www.xiaofan06.cn/fan/zfhk.html" frameBorder=0 width=1000 scrolling=no height=4000></IFRAME></DIV> 三.圖片類代碼 貼圖片常用的代碼: 做網頁時用的<img<Palign=center><IMG style="FILTER: Alpha(Opacity=100,Style=2); WIDTH: 300px; HEIGHT: 450px" height=450 alt=""src="http://img04.21cn.com/2006/06/05/5693192.jpg"></EM></STRONG> </P> <img src=http://bbs.up.topzj.com/data/bbs/10/96/1096/a/06/10/31/CX024_L_WbZ4s3APTwqK.jpg width=500> 先看懂這個代碼: img 貼圖片的專用元素, src= 指定地址(url)的專用屬性,在這個標簽里他的內容只能寫圖片地址. width= 寬度屬性,用于設定圖片的寬度. 還有幾個常用的屬性: border= 邊框厚度,給圖像加個框,這個框的顏色默認值是黑色. height= 圖片高度,除特殊需要一般不寫為好,只寫寬度,高度會按比例顯示.(當然,有時需定高度,那就不寫寬度,也一樣比例正常) 寬和高都不寫,則顯示圖片的原始尺寸. align= 位置屬性,指定圖片安放的位置,他的值有: top 靠上 absbottom 靠下, left 靠左 right 靠右 center 居中 注: 1.這個位置屬性可以不寫,瀏覽器默認為靠左. 2.有的版本不識別align=center,那就將<center>和</center>放在圖片代碼兩邊,圖片就居中了. 加框: 代碼: <img src=http://bbs.up.topzj.com/data/bbs/10/96/1096/a/06/10/31/CX024_L_WbZ4s3APTwqK.jpg width=360 border=6> |
