html做一个课程表
学习了html的表格,作为练习做一个课程表,先给大家看一下需要达成的目标
来看一看我完成的结果
先在这里献上代码
<html>
<title>课程表</title>
<head></head>
<body>
<table border = 6 frame = void align = center width = 650px height = 100px cellspacing = 0px cellpadding = 10px><tr height = 50px align = center> <th width = 110px></th><th><font color = blue>星期一</font></th><th><font color = blue>星期二</font></th><th><font color = blue>星期三</font></th><th><font color = blue>星期四</font></th><th><font color = blue>星期五</font></th></tr><tr height = 40px align = center> <td ></td><td colspan = 5 color = red><font color = "red"><b>上午</b></font></td></tr><tr height = 40px align = center> <td ><font color = blue><b>一</b></font></td><td>数学</td><td>英语</td><td>语文</td><td>文体活动</td><td>数学</td></tr><tr height = 40px align = center> <td ><font color = blue><b>二</b></font></td><td>语文</td><td>美术</td><td>语文</td><td>语文</td><td>语文</td></tr><tr height = 40px align = center> <td ><font color = blue><b>三</b></font></td><td>体育</td><td>文体活动</td><td>文体活动</td><td>品德与生活</td><td>英语</td></tr><tr height = 40px align = center> <td ></td><td colspan = 5 ><font color = "red"><b>下午</b></font></td></tr><tr height = 40px align = center> <td ><font color = blue><b>四</b></font></td><td>品德与生活</td><td>语文</td><td>数学</td><td>体育</td><td>美术</td></tr><tr height = 40px align = center> <td ><font color = blue><b>五</b></font></td><td>文体活动</td><td>体育</td><td>专题</td><td>语文</td><td>语文</td></tr><tr height = 40px align = center> <td ><font color = blue><b>六</b></font></td><td>兴趣</td><td>读书活动</td><td>音乐</td><td>音乐</td><td>数学</td></tr><tr height = 40px align = center> <td ><font color = blue><b>七</b></font></td><td>班队活动</td><td>课后托管</td><td>课后托管</td><td>课后托管</td><td>课后托管</td></tr>
</table></body></html>
说一说其中几个点
1,设置字体颜色,这个是要单独写一个font标签,即
<font color = red>这里是需要改变颜色的字</font>
在这里补充一个知识;
如果想要设置一种颜色,但是确不知道名字,或者颜色比较复杂,用rgb来进行设置,但是rgb的代号是记不住的,所以需要一个
软件来取色,我用的是
打开后
选择最后一个
然后选择一个吸管图样的,取色器,点击你想要的颜色
箭头所指的就是rgb代号
在代码中只需要在前边加上#就行了
<font color = #AC6B4D>需要改变颜色的字体</font>
2,属性cellspacing 指的是格子之间的距离,在没有改动之前,表格是这个样子的
修改完后
3,border是指边框的宽度,如果想让外边框不显示,就需要加入frame = void
4,合并单元格 rowspan(合并行)colspan(和并列)
合并行:
<tr>
<td rowspan = 'n'></td>
</tr>
该代码表示合并从第一行开始的n行
合并列也相同,不管是合并行还是合并列,都是从当前开始计算,往后合并共n行(列)
5,对齐方式的设定(align)
属性align=center(中间),align = left(居左对齐),align = right(居右对齐)
如果在table中设定align时,即<table align = center><table>指的是整个表格位于中间,而不是字体位于表格中间
如果想要达到表格中间的效果,就要在每行中加入<tr align=center></tr>
6,最后还没有完成的一个东西也就是
如果后续解决,会更新掉
html做一个课程表相关推荐
- 我想做一个课程表系统利用PHP+MYSQL+HTML实现课表的展示,但是不知道如何实现
我想做一个课程表系统利用PHP+MYSQL+HTML实现课表的展示,但是不知道如何实现 1.课表不是唯一一个课表. 2.通过录入的课表信息展示在HTML表格 想实现的效果如图: 收藏 (1) 分享 举 ...
- python自己做课程表_Kivy做一个课程表App(上)
从HFUTER停止维护以来,有一段艰难的时光,没有表白墙可以刷,校园网崩了就不能看课表,于是我决心照着HFUTER做个类似的App,名字都想好了:HfutCommunity,奈何太菜又太懒,不想学ja ...
- 用html简单做一个课程表。
话不多说,直接上代码,代码后有效果图. <!DOCTYPE html> <html lang="en"> <head> <titl ...
- 利用HTML做一个课程表
示例: 步骤: 观察该表,建立一个14行*8列的表格 第一行合并成一个单元格 从第2行1列起,后面的每两行进行合并 添加相应的文字及背景颜色 代码片段: <!DOCTYPE ht ...
- 用html做一个简单的课程表
用表格做一个课程表 <html><head><title> seraph夜枫课程表设计 </title></head><body> ...
- c语言怎么做课程表,怎么用记事本做一个漂亮的网页课程表(1)?
最终效果图 一.制作工具 编码工具:记事本2(notepad2) 预览工具 :chrome 浏览器. 调试方法: 打开notepad2 , 另存为class-table.html.编辑完代码后保存,用 ...
- python制作课程表_怎么使用循环做出一个课程表?
获取当前周.先比较 当前周 > 开始周 && 当前周 < 开始周 + 持续周.然后判断星期,同上.然后判断开始时刻. 先把这些东西在数组里做出来,因为数组内容是可以改的. ...
- JSP+Mysql 做一个简单的学生成绩查询web系统
IDEA基于JSP+Mysql 做一个简单的学生成绩查询web系统 目录 一.相关软件的下载和配置环境 Java环境的下载和配置 (1)IDEA的下载和安装 (2)JdK的安装 Tomcat的下载 ...
- word课程表设置符号与编号_用WORD设计一个课程表 ,标题使用艺术字生成 ,要包含合并单元格、边框、底纹、字体样式、背景图片,包含自己的学号和姓名。提交到锦城在线上。_学小易找答案...
[其它]课程论文要求: ( 1 )本课程的要点及重难点分析.( 200 字以上) ( 2 )对课程内容的小结和认识.( 300 字以上) ( 3 )对课程内容增.删或修改建议.(至少一条, 100 字 ...
- html语言制作带样式的表格,html制作一个复杂表格 html5/CSS3做一个表格
table td{width: 100px;padding: 5px;}DataDataDataDataDataDataDataDataDataDataDataDataDataDataData 用HT ...
最新文章
- mybatis中(Oracle)关于insert时主键自动加1的使用方法
- Oracle 简单树查询
- python逻辑题_这道逻辑题 用 Python 代码 如何实现?
- js向服务器发送信息,Angularjs向服务器发送请求
- 未来已来,音视频江湖再起波澜
- 计算机网络第三章知识网络,计算机基础教案第三章计算机网络基础知识教案
- 抽象线条发生器fcpx插件:Abstract Pen Animator Mac
- python题型大全_python进阶:练习题 汇总
- 在LaTeX中使用BibTeX时的一个问题及其解决:编译PDF不随bib文件更新
- SQL那些事儿(一)
- 半监督学习入门基础(二):最基础的3个概念
- Excel将选中的筛选内容复制可见的筛选格中方法
- 【三】rabbitmq消费者ACK机制message acknowledgment
- 爬虫三:用xpath爬取链家网二手房信息
- Joel Spolsky在耶鲁大学的演讲
- Halcon卡尺测量
- Python创意编程100例turtle篇题目串烧
- 斯坦福的“计算广告学”
- android studio开发的时候出现design editor is unavailable until after a successful project sync问题的解决方法
- IAP 与 STC 的区别