14
2018
06

html表格的写法

表格的写法

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">    
<html xmlns="http://www.w3.org/1999/xhtml">    
<head>    
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />    
<title>无标题文档</title>    
</head>    
<body>    
<!-- table标签表示这是一个表格 -->    
<!-- tr表示一行 -->    
<!-- border 边框 -->    
<!-- align 水平居 排列 排整齐 -->    
<!-- center  居中 -->    
<!-- valign 垂直居  top 居上    bottom居下  middle居中-->    
<table border="1" width="800" height='300' align="center">    
<tr height="80" bgcolor="#FFB5C5" align="center" valign="top">     
<td></td>    
<td>星期一</td>    
<td>星期二</td>    
<td>星期三</td>    
<td>星期四</td>    
<td>星期五</td>    
</tr>    
<tr>    
	<td bgcolor="#D1EEEE">第一节课</td>    
	<td></td>    
	<td></td>    
	<td></td>    
	<td></td>    
	<td></td>    
</tr>    
<tr>    
	<td>第二节课</td>    
	<td></td>    
	<td></td>    
	<td></td>    
	<td></td>    
	<td></td>    
</tr>    
<tr>    
	<td>第三节课</td>    
	<td></td>    
	<td></td>    
	<td></td>    
	<td></td>    
	<td></td>    
</tr>    
<tr>    
	<td>第四节课</td>    
	<td></td>    
	<td></td>    
	<td></td>    
	<td></td>    
	<td></td>    
</tr>    
</table>    
</body>    
</html>

上面代码效果图片:

原文链接:https://www.qiquanji.com/post/7682.html

本站声明:网站内容来源于网络,如有侵权,请联系我们,我们将及时处理。

gzh

微信扫码关注

更新实时通知

« 上一篇 下一篇 »

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。