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 ...
随机推荐
- 爬取编程常用词汇，保存为Excel
编程常用词汇 import requests import openpyxl from lxml import etree import re url = 'https://www.runoob.co ...
- Android Studio中无法找到android.os.SystemProperties解决办法
这个SystemProperties类主要是在这个jar包中layoutlib.jar,所以现在的办法就是让这个 jar包加载到 android studio中 下面讲解如何添加: 1.找到对应项目的 ...
- Day14 - Python基础14 事件驱动模型、IO模型
本节内容: 1:事件驱动模型 2:IO模型前戏准备 3:4种IO模型 1:事件驱动模型 传统的编程是如下线性模式的: 开始--->代码块A--->代码块B--->代码块C---> ...
- LeetCode 1248. 统计「优美子数组」
地址 https://www.acwing.com/solution/leetcode/content/5801/ 题目描述给你一个整数数组 nums 和一个整数 k. 如果某个子数组中恰好有 k 个 ...
- 简单的Python GUI界面框架
Python开发GUI界面, 可以使用pyQT或者wxpython. 不过不论pyQT还是wxpython都需要比较多的学习成本.Python工程往往是用于快速开发的,有些时候引入pyQT,wxpyt ...
- npm 被墙怎么办
npm install typescript --registry=http://registry.npm.taobao.org 使用下面的命令.
- 1+x 证书 Web 前端开发初级理论考试（试卷8 ）
Web前端开发初级模拟测试卷(三) 共55道题 总分:200分 形考总分:0分 一.单选题共30题,60分 1.实现向右的红色三角形,样式实现正确的是( ) A <div class=" ...
- 《细说PHP》第四版 样章 第23章 自定义PHP接口规范 11
23.6 使用第三方接口服务实例 接供服务的第三方接口平台有很多,现在的项目中也经常用到一些第三方接口,如支付宝.微信.短信.邮件接口等,我们需要借助第三方的能力来实现产品的某些功能.如果自己已经掌 ...
- 《细说PHP》第四版 样章 第18章 数据库抽象层PDO 6
18.5.3 PDO的错误处理模式 PDO共提供了3种不同的错误处理模式,不仅可以满足不同风格的编程,也可以调整扩展处理错误的方式. 1．PDO::ERRMODE_SILENT 这是默认模式,在错误 ...
- 关于WIN7下IE8IE7浏览器无法安装微信支付商户证书的解决方案
关于WIN7下IE8IE7浏览器无法安装微信支付商户证书的解决方案 解决方案就是使用 chrome浏览器 默认的chorme浏览器 打开微信商户平台 会提示让安装控件 然后反复安装 其实要解决这个 ...