4讲图像表格实际应用-菜谱课堂练习-课程表-CSDN博客

本文链接：https://blog.csdn.net/goitcast/article/details/84300612

4讲图像表格实际应用-菜谱课堂练习-课程表

图片:

Html的表格元素

在以前对网页布局要求不高的情况下，使用 table 布局(即使用表格来显示数据，同时用于布局)

快速入门:

<html>

<body>

</tr>

</tr>

<tr>

</tr>

<tr>

</tr>

</table>

</body>

</html>

应用案例：

1. 确定行

代码如下:

<html>

<body>

<!--

<!--tr 表示一行

</tr>

<tdalign="center">4</td>

</tr>

<tr>

</tr>

<tr>

</tr>

</table>-->

</table>

<tableborder="1" align="center" bordercolor="#E76BFF"height="225px" cellpadding="1px"cellspacing="0px" width="400px" >

<tr>

<tdalign="center" colspan="3">菜谱</td>

</tr>

<tr>

<tdrowspan="2">素菜</td>

<td>青草茄子</td>

<td>花椒扁豆</td>

</tr>

<tr>

<td>小炒韭菜</td>

<td>白豆腐</td>

</tr>

<tr>

<td rowspan="2">荤菜</td>

<td>清蒸龙</td>

<td>鱼香肉丝</td>

</tr>

<tr>

<td>小炒肉 <imgsrc="dog.jpg" width="70px" /></td>

<td>水煮肉片</td>

</tr>

</table>

</body>

</html>

课堂练习:

php视频教程下载

4讲 图像 表格 实际应用-菜谱 课堂练习-课程表

4讲图像表格实际应用-菜谱课堂练习-课程表