html表格中加入内容吗,制作html帖第二课：在表格中添加文字和图片

3、在html格式下插入图片代码及图片地址

帖图基本格式如下：

称图形标记，主要用来插入图形标记。

方法：在表格中输入“内容”两字，点开html将你编辑好的代码及图片地址粘贴上，

看代码：

内容

内容

我们现在添加代码和图片，你做时去掉*符号

screen.width-500)this.style.width=screen.width-500;">

居中很重要！鼠标点图片按居中键

图片

的一般参数设定：

例如

src="logo.gif"

图片来源，接受 .gif, .jpg 及 .png 格式，

width=100 height=100

设定图片大小，此宽度及高度一般采用 pixels 作单位。通常只设为图片的真实 大小，以免失真，若需要改图片大小最好使用图像编辑工具。(改变大小的宽和高与原图的宽和高要成正比例，图片最好是改小不改大，以免失真。)

hspace=5 vspace=5

设定图片边沿空白，以免文字或其它图片贴近。hspace 是设定图片左右的空间， 是设定图片上下的空间，高度采用 pixels 作单位。

border=2

图片边框厚度

align="top"

调整图片旁边文字的位置，你可以控制文字出现在图片的偏上方、中间、底部、 左右等，可选值：top, middle, bottom, left, right，内定为 botom。Netscape 还支持 texttop, baseline, absmiddle, absbottom，

texttop 表示图片和文字依顶线对齐，

baseline 表示图片对齐到目前文字行底线值，

absmiddle 表示图片对齐到目前文字行绝对中央，

absbottom 表示图片对齐到目前文字行绝对底部，(绝对底部是指它考虑到比如 y 、g、q 等字的下边)。

alt="Logo of PenPal Garden"

这是用以描述该图形的文字，若使用文字浏览器，由于不支持图片，这些文字 将会代替图片被显示。若支持图片的浏览器，当鼠标移至图片上该文字也会显示。

lowsrc="pre_logo.gif"

设定先显示低解析度的图片，若加入的是一张很大的图片，下载要很长的时间，这张低 解析度的图片会先被显示以免浏览者失去兴趣，通常是原图的黑白版本。

例1：

原代码：

　普通插入

普通插入

screen.width-500)this.style.width=screen.width-500;" border=0>

代码：

例2：

设定上下左右空白位置

设定上下左右空白位置

screen.width-500)this.style.width=screen.width-500;" border=0>

代码：

例3：

设定图片中间对齐，边框厚度为 4

设定图片中间对齐，边框厚度为 4

screen.width-500)this.style.width=screen.width-500;" align=middle border=4>

代码:

例4：

放大了的图片

放大了的图片

screen.width-500)this.style.width=screen.width-500;" border=0>

代码:

例5：

设定图片靠右

screen.width-500)this.style.width=screen.width-500;" align=right border=0>

代码:

居中插入:

screen.width-500)this.style.width=screen.width-500;" border=0>

代码:

图片缩边添加法 :

将做好的边框修改边距,我将边距和间距都设置为0cellSpacing=0 cellPadding=0边框粗细设置10 将表格的宽度设置width="60%"

修改过的代码:

看我做的