第三课:多列表格的定形和图片的插入1、表格的定形
我们在做表格的时候会发现我们做出来的一行多列的表格列数的宽度都是一样的,如果我们在其中写字的话宽度就会大小不一,我们怎样才能让表格的宽度大小随着我们填写的内容多少而变化呢?

在上面的代码中有两个空格的地方,[tr]
[td]和[/td]
[td] ,大家可以看到这两个代码有一个相同的地方,都有一个
[td],这里就是我们设置大小的地方。
我们把上面表格的芥里[tr][td] [/td][td]改成→[tr][td=1,1,30%] [/td][td=1,1,70%]
整体表格就变成了:

跟上面的比较一下:

大家知道怎样定形表格的大小了么?记住改写百分比的位置是在
[td]里,不管我们的表格是多少列,所有列数的百分比数值加起来要等于
100。1和1中间的那个逗号也得是上面那种哦!
2、图片的插入
其实图片的插入就跟我们套表格差不多,把套表格的位置换成图片就好,插入图片有两种方法。
第一种:直接本地上传
用鼠标戳

出现

再戳选择文件,在文件中找到自己要用的图片打开后点上传,如下图

再直接戳我们上传的图片就可以了。
其实我一直都不用这种方法,图片容易抽成叉烧包,我一般都是用穿签的方式来弄图片。可能有一小部分的人不知道这种方式,大略讲一下。
第二种:穿签方式
弄过签名档的人都知道,我们复制图片地址后要给地址加前缀和后缀方能显示图片。
加了前缀和后缀的整体图片代码如下图:

注意后面的img有个斜线。
把自己要放表格的图片适当的修改一下大小,然后上传到派派个人空间的相册里,点击鼠标右键会出现如下示图

我们复制图片地址后再加上前缀和后缀,图片就等于上传了!点击预览看一下效果,一定要是预览,前面已经提过N次了!!!!
PS:不交作业的娃纸会抽打哟!o( ̄ヘ ̄o#)
1、上面出现的两种表格
2、做出如下表格
表格中的心可以直接在这里复制♥