韩顺平PHP学习视频笔记整理004html基本操作

最新推荐文章于 2014-08-14 21:02:48 发布

sky_悒晨

最新推荐文章于 2014-08-14 21:02:48 发布

阅读量325

点赞数

本文链接：https://blog.csdn.net/u011700006/article/details/38359621

版权

第四讲 html实际操作

1、图片路径

可以是本地图片，也可以是一个url

2、html的表格元素

在以前对网页布局要求不高的情况下，经常有人使用table布局方式（既使用表格显示数据，同时用于布局）

表格的应用：

<html>
<body>
<table align="center" height="200px" bgcolor="yellow" border="3px" width="400px">
<!--tr表示一行-->
<!--注释不能嵌套-->
<tr align="center">
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr align="center">
<td>2</td>
<td>4</td>
<td>5</td>
</tr>
<tr>
<td>3</td>
<td>9</td>
<td>10</td>
</tr>
</table>
</body>
</html>

简单菜单的显示，代码：

<html>
<body>
<table height="200px">
<tr><td></td></tr>
</table>
<!--要设置背景图片则加background="*.jpg" -->
<table border="1" align="center" bordercolor="#E76BFF" height="225px" cellpadding="1px" cellspacing="0px" width="400px">
<tr>
<!--colspan="3"表示该列要占用三列-->
<td align="center" colspan="3" >菜谱</td>
</tr>
<tr>
<td rowspan="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>青椒炒肉 <img src="1.jpg" width="70px"></td>
<td>红烧鱼</td>
</tr>
</table>
</body>
</html>

效果图：

相关知识图解：

sky_悒晨

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
韩顺平PHP学习视频笔记整理004html基本操作

第四讲 html实际操作1、图片路径可以是本地图片，也可以是一个url2、html的表格元素在以前对网页布局要求不高的情况下，经常有人使用table布局方式（既使用表格显示数据，同时用于布局）
复制链接

扫一扫