使用表格布局网页

作者:追风筝的人 | 创建时间: 2023-05-15
使用表格对网页页面进行布局,可以使页面精彩有序!本例讲授如何使用表格布局网页。本例参考图片网页。...
使用表格布局网页

操作方法

本次要完成的是人物图片网站。本次将收集图片,每张都会被修改成一个尺寸。

执行【文件】---【新建】命令,建立一个空白的HTML文档。

执行【文件】---【保存】命令,建立index.html文档。

设置网页的大小,应用在电脑上。

执行【修改】---【页面属性】命令,完成网页背景设置。

效果如图所示。

执行【插入】---【表格】命令,制作网页的第一部分。表格属性说明:表格宽度设为100%,可以消除因显示器分辨率不同而带来的困扰。

在表格中输入文字,作为导航栏目。执行【修改】---【页面属性】命令,完成网页外观设置。

设置表格文字居中。

选择表格后,执行【插入】---【表格】命令,制作网页的第二部分。

拖拽后效果,在第二行加入LOGO。可以利用工具软件制作logo!

执行【插入】---【图像】命令,插入logo。

继续插入表格,在表格中插入图片

根据实际情况,调整表格同图像的关系。

继续插入一行表格。拖拽后效果如图。

插入表格。

在表格里输入文字。

继续插入表格,加入文字,网页制作收尾保存,在浏览器里的效果。根据效果调整,这样可以看出,还有不尽人意的地方。

温馨提示

表格的使用,需要多多锻炼。
反复的修改才能更好的掌握。
点击展开全文

更多推荐