4讲 图像 表格 实际应用-菜谱 课堂练习-课程表
<img src=”图片的路径/该图片也可是一个url” width=”宽度” heigth=”高度”/>
? ? ?Html的表格元素? ? ?在以前对网页布局要求不高的情况下，使用 table 布局(即使用表格来显示数据，同时用于布局)
快速入门:
?
<html><body><table align="center" height="10px"bgcolor="yellow" border="3px" width="400px"><!--tr表示一行--><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 align="center" height="10px"bgcolor="yellow" border="3px" width="400px"><!--tr表示一行<tr align="center"><td>1</td><td>2</td><td>3</td></tr><tr align="right"><td>2</td><tdalign="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>--><table height="150px"><tr><td></td></tr></table><!--显示菜单--><tableborder="1" align="center" bordercolor="#E76BFF"height="225px" cellpadding="1px"cellspacing="0px" width="400px" ><tr><!--colspan="3"表该列要占用三列--><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视频教程下载
