zoukankan      html  css  js  c++  java
  • 用html语言写一个功课表

          今天在网上看了一个关于html的教程,主要是讲表格,看完之后认为有必要上机试试。于是就写了以下的一段代码。

    <!DOCTYPE html><!--貌似5.0的能够这样写。课本的声明老长老长了-->
    <html>
    <head>
    	<title>功课表</title>
    	<meta http-equiv="Content-Type" content="text/html; charset=GB2312" /><!--因为乱码,所以就加了这个-->
    </head>
    	<body>
    		<br /><br /><br /><br /><br /><br /><br /><!--垂直居中-->
    		<table border="1px" bordercolor="black" cellspacing="0px" background="http://static.blog.csdn.net/skin/ink/images/head_bg.jpg" width="640px" heigth="248px" align="center">
    		<!--每一个单元格是80*30,可是课表的上午和下午中间有8像素的高度,所以就是 80*8  * 80*30+8-->
    			<tr><!--第1行-->
    				<th>项目</th>
    				<th colspan="5" width="400px">上课</th>
    				<th colspan="2" width="160px">歇息</th>
    			</tr><!--1-->
    			<tr><!--2-->
    			   <th>星期</th>
    				<th>星期一</th>
    				<th>星期二</th>
    				<th>星期三</th>
    				<th>星期四</th>
    				<th>星期五</th>
    				<th>星期六</th>
    				<th>星期日</th>
    			</tr><!--2-->
    			<tr><!--3-->
    				<td rowspan="4" height="120px">上午</td>
    				<td>语文</td>
    				<td>数学</td>
    				<td>英语</td>
    				<td>英语</td>
    				<td>物理</td>
    				<td>计算机</td>
    				<td rowspan="4" height="120px">歇息</td>
    			</tr><!--3-->
    			<tr><!--4-->
    				<td>语文</td>
    				<td>数学</td>
    				<td>英语</td>
    				<td>英语</td>
    				<td>物理</td>
    				<td>计算机</td>
    			</tr><!--4-->
    			<tr><!--5-->
    				<td>语文</td>
    				<td>数学</td>
    				<td>英语</td>
    				<td>英语</td>
    				<td>物理</td>
    				<td>计算机</td>
    			</tr><!--5-->
    			<tr><!--6-->
    				<td>语文</td>
    				<td>数学</td>
    				<td>英语</td>
    				<td>英语</td>
    				<td>物理</td>
    				<td>计算机</td>
    			</tr><!--6--><tr height="8px"/>
    			<tr><!--7-->
    				<td rowspan="2" height="60px">下午</td>
    				<td>语文</td>
    				<td>数学</td>
    				<td>英语</td>
    				<td>英语</td>
    				<td>物理</td>
    				<td>计算机</td>
    				<td rowspan="2" height="60px">歇息</td>
    			</tr><!--7-->
    			<tr><!--8-->
    				<td>语文</td>
    				<td>数学</td>
    				<td>英语</td>
    				<td>英语</td>
    				<td>物理</td>
    				<td>计算机</td>
    			</tr><!--8-->
    		</table>
    	</body>
    </html>
  • 相关阅读:
    Java 读取txt文件,读取结果保存到数据库
    Java 读取大文件方法
    利用File类过滤器列出目录下的指定目录或文件
    Java 读取指定目录下的文件名和目录名
    利用js日期控件重构WEB功能
    简洁js日历控件的使用
    Tomcat中配置URIEncoding="UTF-8"来处理中文的方法
    Java MVC 增删改查 实例
    严重:The web application [web01] appears to have started a thread named ...
    警告: [SetPropertiesRule]{Server/Service/Engine/Host/Context} 解决方法
  • 原文地址:https://www.cnblogs.com/yangykaifa/p/7028785.html
Copyright © 2011-2022 走看看