网页制作常用代码集

文字与图片的几种排版用法(含代码)
一.把图片放在文字的左边，代码效果如下：

1. <P><IMG height=201 src="//image5.360doc.com/DownloadImg/2009/11/24/476374_9659738_1.jpg" width=154 align=left border=0><FONT>日志文字</FONT></P>

复制代码

如果你觉得文字与图片太接近了.可加入[vspace=0 hspace=30]. 加入后的代码：<img border="0" src="图片地址" align=left vspace=0 hspace=30 width="154" height="201"> 你可以调整这两个值,通过试验看一看会有什么样的变化...
改后的代码是：
<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>
四.全背景文字混排:

1. <DIV style="WIDTH: 378px"><IMG height=230 src="图片连接地址" width=378 align=right>
   
2. <DIV style="FLOAT: left; WIDTH: 360px">
   
3. <DIV style="LINE-HEIGHT: 15pt; LETTER-SPACING: 0.1em">
   
4. <P><FONT color=#0099ff><FONT face="Lucida Handwriting, Cursive"><FONT size=1>這是第2行<BR>這是第2行<BR>這是第3行<BR>這是第4行<BR>這是第5行<BR>這是第6行<BR>這是第7行<BR>這是第8行</FONT></P></DIV></DIV></FONT></FONT></DIV>

复制代码

网页制作常用代码集

一.网页加宽代码
  <DIV style="LEFT: -125px; WIDTH: 1000px; POSITION: relative; TOP: 0px">

二.网页贴代码
  <P align=center><A href="http://www.xiaofan06.cn/fan/zfhk.html" 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="//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="//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>