初學(xué)制作邊框和插入圖片
一、制作表格
最原始的表格邊框
<P align=center>
<TABLE style="BORDER-COLLAPSE: collapse" borderColor=#ffff00 cellSpacing=12 cellPadding=10 width=100 bgColor=#800000 border=8>
<TBODY>
<TR>
<TD width="100%"></TD></TR></TBODY></TABLE></P>
解釋最原始的表格邊框
<P align=center>居中
<TABLE一個(gè)表格開(kāi)始 style="BORDER-COLLAPSE: collapse" 邊框格式 borderColor=#ffff00邊框線的顏色(黃)cellSpacing=12 細(xì)線到邊的間距 cellPadding=10 文字到細(xì)線的邊距 width=100 原始的表格寬度 bgColor=#800000 背景的顏色(紅) border=8 邊框線的寬度(厚度)>
<TBODY>
<TR>
<TD width="100%"></TD></TR></TBODY></TABLE></P> 代碼前帶斜杠的都是結(jié)束語(yǔ)
該替換的:
把 bgColor=#800000 背景顏色(紅)
換成背景圖片 background= http://bbs.muwen.com/fileuploaddir/4B277229877.jpg
修改表格的寬度和加上高度及修改格式:
width=100 原始的表格寬度 改為標(biāo)準(zhǔn)寬度760 加上height=高度
刪除 style="BORDER-COLLAPSE: collapse" 邊框格式,出現(xiàn)邊框細(xì)線
背景素材:
index.asp?xAction=xReadNews&NewsID=10723
其中 http://www.zhaoni.cn/files/bbs/upload/11/788944.jpg
http://www.zhaoni.cn/files/bbs/upload/11/788946.gif
*** 制作表格完成后的全部代碼
<P align=center>
<TABLE borderColor=#ffd700 cellSpacing=12 cellPadding=10 width=760 background=http://bbs.muwen.com/fileuploaddir/4B277229877.jpg border=8>
<TBODY>
<TR>
<TD width="100%"></TD></TR></TBODY></TABLE></P>
二、插入圖片
插入圖片后的原始代碼:
<A title=點(diǎn)擊圖片看全圖 target=_blank>
<P align=center><IMG alt="" src="http://www.zhaoni.cn/files/bbs/upload/11/788935.jpg" onload="javascript:if(this.width>screen.width-333)this.width=screen.width-333" align=center border=0></A><BR></P>
其中有鏈接圖片代碼,要?jiǎng)h了(初學(xué)者可以不刪)
留下 <P align=center><IMG alt="" src=http://www.zhaoni.cn/files/bbs/upload/11/788935.jpg align=center border=0></P> 其余都刪了
加蒙畫(huà)代碼 style="FILTER: Alpha(Opacity=100,Style=2)"
<P align=center><IMG 加在這里 alt=""
src=http://www.zhaoni.cn/files/bbs/upload/11/788935.jpg align=center border=0></P>
*** 插入圖片完成后的全部代碼
<P align=center><IMG style="FILTER: Alpha(Opacity=100,Style=2)" alt="" src="http://www.zhaoni.cn/files/bbs/upload/11/788935.jpg" align=center border=0></P>
三、將《插入圖片完成后的全部代碼》 安插在 《制作表格完成后的全部代碼》中的<TD width="100%">插在這里</TD></TR></TBODY></TABLE></P>
四、全部完成的代碼
聯(lián)系客服