初学制作边框和插入图片

初学制作边框和插入图片

一、制作表格

最原始的表格边框

<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一个表格开始 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> 代码前带斜杠的都是结束语

 

该替换的：

把 bgColor=#800000 背景颜色（红）

换成背景图片 background= http://bbs./fileuploaddir/4B277229877.jpg

 

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

width=100 原始的表格宽度  改为标准宽度760  加上height=高度

删除  style="BORDER-COLLAPSE: collapse" 边框格式，出现边框细线

 

背景素材：

index.asp?xAction=xReadNews&NewsID=10723

其中  http://www./files/bbs/upload/11/788944.jpg

      http://www./files/bbs/upload/11/788946.gif

 

***  制作表格完成后的全部代码

<P align=center>
<TABLE borderColor=#ffd700 cellSpacing=12 cellPadding=10 width=760 background=http://bbs./fileuploaddir/4B277229877.jpg border=8>
<TBODY>
<TR>
<TD width="100%"></TD></TR></TBODY></TABLE></P>

 

 

二、插入图片

插入图片后的原始代码：

<A title=点击图片看全图 href="http://www./files/bbs/upload/11/788935.jpg" target=_blank>
<P align=center><IMG alt="" src="http://www./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./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./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./files/bbs/upload/11/788935.jpg" align=center border=0></P>

 

三、将《插入图片完成后的全部代码》  安插在  《制作表格完成后的全部代码》中的<TD width="100%">插在这里</TD></TR></TBODY></TABLE></P>

 

四、全部完成的代码

<P align=center>
<TABLE borderColor=#ffd700 cellSpacing=12 cellPadding=10 width=760 background=http://bbs./fileuploaddir/4B277229877.jpg border=8>
<TBODY>
<TR>
<TD width="100%">
<P align=center><IMG style="FILTER: Alpha(Opacity=100,Style=2)" alt="" src="http://www./files/bbs/upload/11/788935.jpg" align=center border=0></P>
</P></TD></TR></TBODY></TABLE></P>