初學製作邊框和插入圖片

初學製作邊框和插入圖片

一、製作表格

最原始的表格邊框

<P align=center><TABLE style="BORDER-COLLAPSE: collapse" borderColor=#ffff00 cellSpacing=12 cellPadding=10 width_=100 bgColor=#800000border=8><TBODY><TR><TD ></TD></TR></TBODY></TABLE></P>

解釋最原始的表格邊框

<P align=center>居中<TABLE一個表格開始 style="BORDER-COLLAPSE: collapse" 邊框格式 borderColor=#ffff00邊框線的顏色（黃）cellSpacing=12 細線到邊的間距 cellPadding=10 文字到細線的邊距 width_=100 原始的表格寬度 bgColor=#800000 背景的顏色（紅） border=8 邊框線的寬度（厚度）><TBODY><TR><TD ></TD></TR></TBODY></TABLE></P> 代碼前帶斜杠的都是結束語

該替換的：

把 bgColor=#800000 背景顏色（紅）

換成背景圖片 background= http://bbs.muwen.com/fileuploaddir/4B277229877.jpg

修改表格的寬度和加上高度及修改格式：

width_=100 原始的表格寬度 改為標準寬度760 加上height=高度

刪除 style="BORDER-COLLAPSE: collapse" 邊框格式，出現邊框細線

背景素材：

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 ></TD></TR></TBODY></TABLE></P>

二、插入圖片

插入圖片後的原始代碼：

<A title=點擊圖片看全圖 href="http://www.zhaoni.cn/files/bbs/upload/11/788935.jpg" target=_blank><P align=center><IMG alt="" src="https://www.getit01.com/getimg_360.php?url=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>

其中有鏈接圖片代碼，要刪了（初學者可以不刪）

留下 <P align=center><IMG alt="" src=http://www.zhaoni.cn/files/bbs/upload/11/788935.jpg align=center border=0></P> 其餘都刪了

加蒙畫代碼 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="https://www.getit01.com/getimg_360.php?url=http://www.zhaoni.cn/files/bbs/upload/11/788935.jpg" align=center border=0></P>

三、將《插入圖片完成後的全部代碼》 安插在 《製作表格完成後的全部代碼》中的<TD >插在這裡</TD></TR></TBODY></TABLE></P>

四、全部完成的代碼

<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 ><P align=center><IMG style="FILTER: Alpha(Opacity=100,Style=2)" alt="" src="https://www.getit01.com/getimg_360.php?url=http://www.zhaoni.cn/files/bbs/upload/11/788935.jpg" align=center border=0></P></P></TD></TR></TBODY></TABLE></P>
推薦閱讀：