网页中如何使用表格进行布局网页

使用表格来布局网页是我们常常使用的一种方法,它决定着网页的美观程度,效果会更好,那么在网页中如何使用表格呢?现在就把制作的步骤和截图分享给大家,希望对你有所帮助。

操作方法

  • 01

    启动dreamweaver cs5,执行文件-新建命令,在弹出的新建对话框中选择html后点击创建按钮。

  • 02

    将光标置于需要插入表格的地方,执行插入-表格命令,在弹出的对话框中设置行数为2,列数为1,表格宽度为800像素,边框粗细为1,点击确定。

  • 03

    将光标置于第一行单元格中,执行插入-图像命令,在弹出的选择图像源文件对话框中找到一张图片的位置点击确定按钮。

  • 04

    接着将光标置于第二行单元格中,执行插入-表格命令,在弹出的对话框中输入行数为2,列数为1点击确定按钮。

  • 05

    将光标置于里面表格的第一行单元格中,切换到代码视图,在代码中输入插入背景图片的代码,再次切换到设计视图。

  • 06

    将光标置于第二个表格的第一行单元格中执行插入-表格命令,插入一个2行1列的表格。采用同样的方法在第三个表格的第一行单元格中插入一个2行1列的表格。

  • 07

    接着将光标置于里面第四个表格的第一行单元格中,在代码中输入代码bgcolor="#fc6904",并在该单元格输入文字内容“第四个表格第一个单元格”。

  • 08

    将光标置于第四个表格第二个单元格中,并在该单元格输入文字内容“第四个表格第二个单元格”。

  • 09

    将光标置于第三个表格的第二行单元格中,执行插入-图像命令,在弹出的对话框中找到一副图片将其插入。

  • 10

    按f12键进行在浏览器中查看效果,弹出“将改变保存到”提醒信息,直接点击是即可。

(0)

相关推荐

  • 怎么使用EXCEL将网页中的表格直接导入进EXCEL

    excel表格可以直接从网站中将原表格直接导入,也可以直接复制粘贴进去,或者从下载好的网站中导入.今天小编就告诉大家excel表格怎么从网站中直接导入表格数据.具体如下:1. 首先我们打开excel表 ...

  • win8.1如何开启IE11"阅读视图"模式清除网页中的广告

    上网冲浪最讨厌的就是看到页面中各种各样的广告了,容易中毒不说更严重影响阅读网页的心情。如今,IE11 专为 Windows 8.1 量身打造的“阅读视图”模式,只要一开启就可以瞬间清除网页中的广告,只 ...

  • Word中的表格存为网页后悬浮显示文字提示

    当把Word文档中的表格存储为网页格式后,可以设置悬浮文字提示,如图所示. 操作方法 01 建立Word文档,插入表格,录入文字. 02 选中表格,点击"表格工具"-"布 ...

  • 使用表格布局网页

    使用表格对网页页面进行布局,可以使页面精彩有序!本例讲授如何使用表格布局网页.本例参考图片网页. 操作方法 01 本次要完成的是人物图片网站.本次将收集图片,每张都会被修改成一个尺寸. 02 执行[文 ...

  • 怎么将网页中的表格快速导入进excel表格中

    excel表格是我们现在经常使用的办公软件之一,如果我们想把网页上的表格手动输入jinexcel表格中,会很麻烦,今天小编就告诉大家怎么将网页中的表格快速导入进excel表格中.具体如下:1. 小编以 ...

  • 电脑网页中的表格导入到Excel工作表怎么操作

    有的小伙伴在使用电脑浏览器时,想要将网页中的表格导入到Excel工作表,但是却不知道怎么操作,那么小编就来为大家介绍一下吧.具体如下:1. 第一步,双击或者右击打开浏览器软件,接着输入并选中网页网址, ...

  • 怎样将网页中的信息转化为excel表格?

    当我们在网页上看到有关信息并需要将其转化到excel表格中时,要如何操作呢?操作方法如下 :1.第一步:双击打开excel软件2. 在打开的excel中,将鼠标放在一个单元格中3.点击工具栏上方的[数 ...

  • 怎么将网页中的表格数据导入Excel?

    此教程方便获取对网页表格数据使用Excel对其分析,为自己所用. 操作方法 01 首先当然是找到要使用的网站数据,将网站的网址复制下来,待下一步使用. 02 打开Excel,哪一版都行,本功能很早就上 ...

  • 电子表格中的内容怎么带表格复制到网页中

    电子表格编辑表格类的文档很方便,但要想在网页上发布已编辑好的电子表格文档,就有些困难了,怎么把电子表格上的内容粘贴到网页上呢?这就需要进行转换,转换为可以复制的内容,具体方法如下: 操作方法 01 打 ...