Dreamweaver网页制作初级教程:表格的用法

 时间:2024-10-12 19:49:43

1、很早之前的网页制作,是以表格为基础的,也就是table。应为表格更适应格式化编辑的要求。而且从最早的网页明显可以看出表格编辑的痕迹。

Dreamweaver网页制作初级教程:表格的用法

2、当然,随着网页编辑技术进步,以及建站对于弹镡蛤跄美观等诸多需求,表格建站的方式被渐渐舍弃,今天小编说道表格的初衷,其实是要引出我们主要要说的div命令,不过这是下一节要说的内容,今天我们先看下表格吧。

Dreamweaver网页制作初级教程:表格的用法

3、从上图可以看出,表格的命令代码为:<table>后便可以增加边界以及宽度属性等。不过现在我们不需要对这个代码加以掌握,因为插入工具中可以实现。

Dreamweaver网页制作初级教程:表格的用法

4、点击插入后,我们可以插入一个自己需要的表格。

Dreamweaver网页制作初级教程:表格的用法

5、设置好属性:行列,大小,像素后,确定,就可以得到表格了。左边是一串表格的代码,右侧则是预览的效果。

Dreamweaver网页制作初级教程:表格的用法

6、我们可以通过调整表格代码中的width和border来调整表格的大小以及边界的像素宽度。

Dreamweaver网页制作初级教程:表格的用法

7、选中两个table之间的代码,也就选中了整个表格。

Dreamweaver网页制作初级教程:表格的用法

8、全部选中后,我们就可以对下方的表格属性进行更加详细的设置,比如居中对齐,填充,间距等。

Dreamweaver网页制作初级教程:表格的用法

9、当然,表格单一元素无法组成网页,需要我们跟很多元素配合起来。不过作为初学者,只有将每一种代码或者用法掌握清楚,以后才有组合使用的机会。

Dreamweaver网页制作初级教程:表格的用法

10、这一节就到这里,我们下节看下div代码的使用技巧及特点哦。

  • dw制作网页完整步骤
  • dw鼠标经过图像的设置方法
  • Dreamweaver如何设置文本格式
  • dw超链接怎么设置
  • Dreamweaver如何建立站点及导出导入的方法
  • 热门搜索
    关于梅花的手抄报 小学健康教育手抄报 节约粮食手抄报图片 电影手抄报 五年级读书手抄报 手抄报传统文化 安全乘车手抄报 关于对联的手抄报 手抄报黑白版面设计 我爱足球手抄报内容