標題: 加入图片代码
rainbow
註冊會員

帖子 4340
註冊 2013-7-1
用戶註冊天數 3959
發表於 2013-7-4 09:57 
14.136.97.79
分享  私人訊息  頂部
图片、表格、超链接常用语法


一 . 加入图片代码

单纯的一张图片
<P align=center><IMG src="网址" width="数字" height="数字"></P>

加框有一层FLASH的图片
<TABLE height=300 cellSpacing=0 cellPadding=0 width=400 background=图片地址 border=1 bortercolor="#000000">
<TBODY>
<TR>
<TD>
<P align=center><EMBED src=FLASH地址 width=400 height=300 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" tybe="application/x-shockwave-flash"> </P></TD></TR></TBODY></TABLE>

加框用两层FLASH的图片
<P align=center>
<TABLE height=300 cellSpacing=0 cellPadding=0 width=400 background=图片地址 border=1 bortercolor="#000000">
<TBODY>
<TR>
<TD>
<P align=center><EMBED align=right src=FLASH地址 width=400 height=280 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" tybe="application/x-shockwave-flash"> <BR><BR><EMBED align=right src=FLASH地址 width=380 height=285 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" tybe="application/x-shockwave-flash"><BR></P>
</TD></TR></TBODY></TABLE>

两个FLASH上下排列的图片:
<TABLE cellSpacing=0 cellPadding=0 width=400 height=300 background=图片地址 border=1 bortercolor="#000000">
<TBODY>
<TR>
<TD>
<P align=center><EMBED src=FLASH地址 width=400 height=150 type=application/x-shockwave-flash tybe="application/x-shockwave-flash" quality="high" menu="false" wmode="transparent"> <BR><BR><EMBED src=FLASH地址 width=400 height=150 type=application/x-shockwave-flash tybe="application/x-shockwave-flash" quality="high" menu="false" wmode="transparent"></P>
</TD></TR></TBODY></TABLE>

多张图片下上移动:
<center><MARQUEE scrollAmount=3 scrollDelay=150 direction=up width=450 height=500 borderColor="#000000" border="1">
<P align=center><IMG src="图片地址"></P>
<P align=center><IMG src="图片地址"></P>
<P align=center><IMG src="图片地址"></P>
</MARQUEE></center>

多张图片左右移动:(要有背景)
<CENTER>
<MARQUEE scrollAmount=1 direction=right behavior=alternate width="100%">
<CENTER>
<TABLE cellSpacing=0 width=400 background=http://pugongyingw.51.net/image/xiantiao/d/14.gif border=0 cellpading="0">
<TBODY>
<TR>
<TD>
<P align=center><IMG src="图片地址"></P>
<P align=center><IMG src="图片地址"></P>
<P align=center><IMG src="图片地址"></P>
<P align=center><IMG src="图片地址"></P>
<P align=center><IMG src="图片地址"></P>
<P align=center><IMG src="图片地址"></P>
<P align=center><IMG src="图片地址"></P>
<P align=center><IMG src="图片地址"></P>
<P align=center><IMG src="图片地址"></P>
<P align=center><IMG src="图片地址"></P>
</TD></TR></TBODY></TABLE></CENTER></MARQUEE></CENTER>

图片向左右相反的方向移动的效果:
<MARQUEE width=200 height=50><IMG src="图片地址"><IMG src="图片地址"><IMG src="图片地址"></MARQUEE>
<MARQUEE direction=right width=200 height=50><IMG src="图片地址"><IMG src="图片地址"><IMG src="图片地址"></MARQUEE><BR><BR>

图片雾化效果:(圆形)
<TABLE style="FILTER: Alpha(opacity=100,style=2)" height=364 width=500 align=center background=图片地址 table>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE>

图片雾化效果:(方形)
<TABLE style="FILTER: Alpha(opacity=100,style=3)" height=364 width=500 align=center background=图片地址 table>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE>

图片倒影效果:
<TABLE border=0>
<TBODY>
<TR>
<TD style="filter:FlipV" width=500background="图片地址" height=364></TD></TR></TBODY></TABLE>

图片中部发光
<TABLE border=0>
<TBODY>
<TR>
<TD style="FILTER: Alpha(Opacity=0,FinishOpacity=75,Style=2)" width=500 background="图片地址" height=364></TD></TR></TBODY></TABLE>

图片水平反转效果
<TABLE border=0>
<TBODY>
<TR>
<TD style="filter:FlipH" width=500 background="图片地址" height=364></TD></TR></TBODY></TABLE>


二 . 表格

1. 掌握表格的以下属性:
<tr> 表行
<th>  表头
<td> 表元(表格的具体内容)
align 定义表格的对齐方式,有三个属性值center,left,right
background 定义表格的背景图案,属性值为图片的地址
bgcolor 定义表格的背景颜色,属性值是各种颜色代码
border 定义表格的边框宽度,属性值是数字
bordercolor 定义表格边框的颜色,属性值是各种颜色代码
background 定义背景图案
cellpadding 定义单元格内容与单元格边框之间的距离,属性值是数字
cellspacing 定义表格中单元格之间的距离
height 定义表格的高度,属性值是数字
width定 义表格的宽度,属性值是数字
colspan 定义合并表格的列数,属性值是数字
rowspan 定义合并表格的行数,属性值是数字



姓名性别年龄
王林25


2. 表格的颜色:
在表格中,既可以对整个表格填入底色,也可以对任何一行、一个表元使用背景色。
表格的背景色彩   <table bgcolor=#7FFF00>
行的背景色彩    <tr bgcolor=#>
表元的背景色彩   <th bgcolor=#>或 <td bgcolor=#>



姓名 性别 年龄
王林 25



三 . 超级链接

1. 文字连接: <A HREF=资源地址>链接文字</A>

2. 图片连接: <A HREF=资源地址><IMG SRC=图形文件地址></A>



[ 本帖最後由 rainbow 於 2013-7-1 09:59 編輯 ]