【HTML】-案例-利用表格制作网页

在网页制作中,早期的网页比较喜欢用表格来进行页面布局,使得页面看上去也更整洁。在本文中,我们介绍的是一个用表格来布局的一个菜谱页面,效果如下:

【HTML】-案例-利用表格制作网页_第1张图片

可以看到,大体上,这是一个由五行三列的表格所构成的菜谱。所以,在初始设定时,我们可以把表格设成五行三列,然后再进行一些行和列的合并,就可以得到我们想要的效果。在本例中,我们将第一行的所有列合并,并将第一列的第二第三行合并,第一列的第四第五行合并。

代码如下:



菜谱



星期一菜谱
素菜青草茄子花椒土豆
小葱豆腐炒白菜
荤菜鱼香肉丝油焖大虾
海参鲍鱼东坡肉

表格的格式:

align=center 表示居中

表示行

表示列

colspan="N" 表示将N列合并

rowspan="N"表示将N行合并

你可能感兴趣的:(HTML)