Html学习之十六（表格与表单学习--课程表制作）
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>课程表</title>
<style>
table{/*设置外部相关属性,不要设置内部属性*/
width: 500px;
height: 300px;
border: 3px black solid;
margin: 100px auto;
/*padding: 20px;*/
border-collapse: collapse;/*合并边框属性 ，使边框之间没有间距*/ }
td,th{/*设置内部相关属性,不要设置外部属性*/
border: 1px black solid;
padding: 0px 22px;
/*padding: 20px;*/
/*margin: 20px;*/
}
.td1{
background: #A9A9A9;
font-weight: bold;
}
th{
background: brown;
font-size:20px;
color: aliceblue;
}
</style>
</head>
<body>
<table><!--table是块状元素的-->
<tr><!--使用th会使12345加粗并居中-->
<th colspan="6">课程表</th><!--和并列即是合并的是将6列合为1列使用colspan-->
<!--<th>2</th>
<th>3</th>
<th>4</th>
<th>5</th>-->
</tr>
<tr>
<td class="td1"></td>
<td class="td1">周一</td>
<td class="td1">周二</td>
<td class="td1">周三</td>
<td class="td1">周四</td>
<td class="td1">周五</td>
</tr>
<tr>
<td rowspan="2" class="td1">上午</td><!--合并行使用rowspan，这是合并两行-->
<td>数学</td>
<td>语文</td>
<td>外语</td>
<td>体育</td>
<td>历史</td>
</tr>
<tr>
<td>数学</td>
<td>语文</td>
<td>外语</td>
<td>体育</td>
<td>历史</td>
</tr>
<tr>
<td rowspan="2" class="td1">下午</td><!--合并行使用rowspan-->
<td>数学</td>
<td>语文</td>
<td>外语</td>
<td>体育</td>
<td>历史</td>
</tr>
<tr>
<td>数学</td>
<td>语文</td>
<td>外语</td>
<td>体育</td>
<td>历史</td>
</tr>
</table>
</body>
</html>
结果：
Html学习之十六（表格与表单学习--课程表制作）的更多相关文章
- Html学习之十七（表格与表单学习--排行版制作）
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
- Html学习之十八（表格与表单学习--统计表制作）
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
- FastAPI 学习之路（十六）Form表单
系列文章: FastAPI 学习之路(一)fastapi--高性能web开发框架 FastAPI 学习之路(二) FastAPI 学习之路(三) FastAPI 学习之路(四) FastAPI 学习之 ...
- JavaWeb学习记录（十六）——防止表单重复提交
产生随机字符串进行验证,如果产生的和Session存储的相同则可以提交,提交后删除session对应的属性值:否则表单提交不成功 一.产生随机字符串的工具类 package web10.util; i ...
- Html学习之十九（表格与表单学习--邮箱注册页面设计）
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
- 201671010140. 2016-2017-2 《Java程序设计》java学习第十六周
java学习第十六周-并发 本周,学习了Java中线程,并发的知识,在老师的带领下,进行了对知识的理解学习,以及对实验的运行讲解,对这一块内容掌握的还可以,在自主编程中,也能够完成.线, ...
- python3.4学习笔记(十六) windows下面安装easy_install和pip教程
python3.4学习笔记(十六) windows下面安装easy_install和pip教程 easy_install和pip都是用来下载安装Python一个公共资源库PyPI的相关资源包的 首先安 ...
- 学习笔记：CentOS7学习之十六：LVM管理和ssm存储管理器使用
目录 学习笔记:CentOS7学习之十六:LVM管理和ssm存储管理器使用 16.1 LVM的工作原理 16.1.1 LVM常用术语 16.1.2 LVM优点 16.2 创建LVM的基本步骤 16.2 ...
- 深度学习（二十六）Network In Network学习笔记
深度学习(二十六)Network In Network学习笔记 Network In Network学习笔记 原文地址:http://blog.csdn.net/hjimce/article/deta ...
随机推荐
- MYSQL的基本使用，以及错误代码的意思
创建数据库: 要创建声明类型的数据库,输入CREATE DATABASE 数据库名称; 注意:命令不必以大写字母输入. 注意:所有MySQL命令必须以";"结束.如果忘记了输入分号 ...
- Fiddler 过滤掉无用域名
- 在 Fiters 一栏勾选Show only Internet Hosts 及Show only the following Hosts- 然后在下面输入需要保留的域名
- java8-14-时间API
原来的时间类 1.默认值 我们使用起来不方便 2.在不同包 不规范 在java.util和java.sql的包中都有日期类,此外用于格式化和解析的类在java.text包中定义 3.可变 线程 ...
- AtCoder Regular Contest 100
传送门 C - Linear Approximation 题意: 求 \[ \sum_{i=1}^nabs(A_i-(b+i)) \] \(A_i,b\)给出. 思路: 将括号拆开,变为\(A_i-i ...
- 爬取沪深a股数据
首先从东方财富网获取股票代码 再从网易财经下载股票历史数据 import requests import random from bs4 import BeautifulSoup as bs impo ...
- python将图片旋转，颠倒，修改尺寸
直接上代码,根据需求注释选择相应修改 from PIL import Image import os import os.path rootdir = r'G:\jianfeng\project\ru ...
- CF1278B-A and B-（简单数学）
https://vjudge.net/problem/CodeForces-1278B 题意:给两个数a和b,有一种操作:第i次操作任选其中一个数加或减i:如第1次操作可以任选其中一个数加1或减1,第 ...
- 网络传播模型Python代码实现
SI模型 import numpy as np import matplotlib.pyplot as plt import smallworld as sw #邻接矩阵 a = sw.a # 感染率 ...
- 《Java面试全解析》505道面试题详解
<Java面试全解析>是我在 GitChat 发布的一门电子书,全书总共有 15 万字和 505 道 Java 面试题解析,目前来说应该是最实用和最全的 Java 面试题解析了. 我本人是 ...
- Python程序中的协程操作-greenlet模块
目录 一.安装模块 二.greenlet实现状态切换 三.效率对比 一.安装模块 安装:pip3 install greenlet 二.greenlet实现状态切换 from greenlet imp ...