博主信息
博文 45
粉丝 0
评论 1
访问量 40655
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
html中table使用示例与分析
源逸
原创
1187人浏览过

1.table它是display: table;属性,它被应用在网页很频繁,可对table限定宽高

2.table初始化是没有边框线需要手动添加,table默认是双边线,可以对table添加cellspacing和cellpadding合并边框线

3.tr是表示行,td表示列,th是标题,制作一个一行三列,语法如下:

<tr>

<td></td>

<td></td>

<td></td>

</tr>   

4.colspan是用于合并行,rowspan是合并列,假设需要合并一行四列,应当给第一个td标签添加colspan="4",剩下三列需要删除,

例:

<tr>

<td>时间</td>

<td>课程</td>

<td>内容</td>

<td>老师</td>

</tr>

<tr>

<td cospan="4">PHP是世界上最好的语言</td>

</tr>

实例

<!DOCTYPE html>
<html>
<head>
	<title>html表格使用(table在网页使用的很频繁)本篇对表格做出使用与总结-2019/04/23</title>
	<meta charset="utf-8">
</head>
<body>
	<table cellpadding="0" border="1" cellspacing="0" width="400" style="margin:0px auto; text-align:center;">
		<tr>
			<th colspan="4">课程表</th>
		</tr>
		<tr>
			<td>时间</td>
			<td>课程</td>
			<td>内容</td>
			<td>老师</td>
		</tr>
		<tr>
			<td>19:20</td>
			<td>html</td>
			<td>掌握基本布局技巧</td>
			<td rowspan="3">源老师</td>
		</tr>
		<tr>
			<td>20:30</td>
			<td>css</td>
			<td>讲解css选择器以及基本的css知识</td>			
		</tr>
		<tr>
			<td>21:00</td>
			<td>php</td>
			<td>语言环境的搭建和设置虚拟主机</td>			
		</tr>
		<tr>
			<td colspan="2">备注:</td>
			<td colspan="3">PHP是世界上最好的语言</td>
		</tr>
	</table>

</body>
</html>
QQ图片20190502200652.png运行实例 »

点击 "运行实例" 按钮查看在线实例


批改状态:未批改

老师批语:
本博文版权归博主所有,转载请注明地址!如有侵权、违法,请联系admin@php.cn举报处理!
全部评论 文明上网理性发言,请遵守新闻评论服务协议
0条评论
作者最新博文
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • 登录PHP中文网,和优秀的人一起学习!
    全站2000+教程免费学