您的位置：首页 > 其它

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

2012-10-12 16:27 267 查看

[align=left]4讲图像表格实际应用-菜谱课堂练习-课程表[/align]

图片:

<img src=”图片的路径/该图片也可是一个url” width=”宽度” heigth=”高度”/>

Html的表格元素

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

快速入门:

<html>

<body>

<table align="center" height="10px"bgcolor="yellow" border="3px" width="400px">



<tr align="center">

<td>1</td>

<td>2</td>

<td>3</td>

</tr>

<tr align="right">

<td>2</td>

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

<td>5</td>

</tr>

<tr>

<td>3</td>

<td>9</td>

<td>10</td>

</tr>

<tr>

<td>3</td>

<td>9</td>

<td>10</td>

</tr>

</table>

</body>

</html>

应用案例：

1. 确定行

代码如下:

<html>

<body>



<table height="150px">

<tr><td></td></tr>

</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讲图像表格实际应用-菜谱课堂练习-课程表