利用HTML做一个课程表

示例:

步骤:

  •         观察该表,建立一个14行*8列的表格
  •         第一行合并成一个单元格
  •         从第2行1列起,后面的每两行进行合并
  •         添加相应的文字及背景颜色

代码片段:

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>TimeTable</title>
	<style>
		/* 设置单独的字体 颜色  */
		.font{
			color:rgb(129,134,138);
		}
		/*设置表格 边框属性 宽度 颜色 字体 大小*/
		table{
			border:1px solid #DEE4E4;
			width: 480px;
			color: white;
			font-family: "黑体";
			font-size:15px;
		}
	</style>
</head>
<body>
	<!-- 设置表格的 边距 文字居中 -->
	<table align="center" cellspacing="0">
		<tr height="82">
			<!-- 单元格合并 添加背景图片 -->
			<td colspan="8" background="Timetable.png"></td>
		</tr>
		<!-- 设置 单元格高度 背景颜色 文字居中 -->
		<tr height="30" bgcolor="#DBE0E3" align="center">
			<td width="30"> </td>
			<td class=&#
拂柳小清风
关注 关注
  • 4
    点赞
  • 31
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
html与css制作表格,并对表格上色
weixin_52272028的博客
04-01 729
<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>
作业
MXWzjw的博客
11-02 634
课程表 div{ text-align: center; } 课程表 项目 上课 休息 星期 星期一 星期二
HTML一个超级课程表页面
Mr_jianghanlin的博客
03-09 4834
HTML一个超级课程表页面 首先给大家展示一下效果图,他家可以根据自己的喜好,换成自己喜欢的颜色 看到这个图可以把它肯成一个大的表格来进行,将一些单元格进行相应的合并就可以达到上面所期望的图片效果,然后在用css选择器进行颜色的修饰,最终可以达到上图的效果。 下面我来一起看下代码部分: <!DOCTYPE html> <html> <head> ...
HTML课程表绘制
最新发布
weixin_54018753的博客
04-01 464
lang=“en”:向搜索引擎表示该页面是HTML语言,并且语言为英文网站,“lang”是language,“en”是English,可以将它改为“zh”:表示中文网站。align:设置元素的水平对齐方式,通常使用left(左对齐)、center(居中)、right(右对齐)、justify(两端对齐)。meta charset=“UTF-8” :声明文档中使用的字符编码格式,这个需要放在head标签的最前面,避免出现乱码。body:网页的主体部分,body里面的内容可以在网页上使用户看到。
HTML制作一个课程表
2201_75650749的博客
09-17 1783
表格由行、列、单元格三部分组成:table(表格标记)、tr(行标记)、td(单元格标记)以上是简单的HTML表格用来展示一个星期的课程安排。表格使用了css样式来美化。
HTML简易课程表
weixin_62745383的博客
05-21 386
内容可自己修改 border表示边框 cellspacing表示间隙~
html简单课程表
asita666的博客
03-17 3877
html创建一个课程表 网嵌191课表 <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td...
一个简单的HBuilder
03-12
利用HBuilder实现了一个简单的用户注册,登录,读取数据库中数据的功能(服务器和数据库需要自己搭建)。代码是企业实习安卓开发的,的一般般。我就是上传来玩一下。
HTML表格标记教程(15):表格的标题
12-14
通过这个标记可以直接添加表格的标题,而且可以控制标题文字的排列属性。 基本语法 … 语法解释 标记之间的就是标题的内容,这个标记使用在标记中. 文件范例:10—14.htm 通过标记设定表格的标题。01 <!– ——...
milestone-1-salazar:我的第一个里程碑项目
04-12
萨拉萨尔语言与文化节假日内容关于课程接触订票特征信息预订表格价目单价目表图片谷歌地图测试中臭虫部署学分 概述该项目的目的是开发一个针对希望学习西班牙语并在此过程中获得一些文化和地方知识的成年人的网站。...
Java+MIDP应用程序+html技术+课程设计+毕业设计
01-28
随着通信技术的发展和手机的普及,手机游戏的开发技术越来越为人们所关注。以J2ME为开发平台,利用...其中MIDP移动信息设备简表的研究和J2ME API的研究为重点,本课题将通过一个具体的手机游戏的开发来研究以上内容。
course-web1:基础课程,《WEB开发(一)》课程仓库
05-10
Web开发一本课程是计算机软件及相关专业在Web开发技术方面的基础课,它是为培养应用型人才掌握使用计算机的技能而开设的。本课程是一门有关网页设计以及网页制作的基础课程。本课程的任务是使学生具有使用HTML、CSS...
HTML制作课表源代码
weixin_51763809的博客
09-19 6231
<!DOCTYPE html> <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>课表</title> </head> <body align="center"> <table align="center" border="1" ...
HTML一个简单的课程表
A Lucky Boy的博客
02-18 919
table实现简单的课程表: <!-- 表格 td属性:closspan=向右合并单元格;rowspan=向下合并单元格 边框等与一像素 --> <table border="1px" id="kcb"> <tr> <!-- 样式设置背景颜色.字体颜色 --> <td style="background-color:darkgray; color:darkmagent
HTML制作课程表
2301_79708809的博客
09-12 560
border-collapse:collapse :表示折叠边框。<table> </table>:定义表格。<tr> </tr>:定义表格的行。<td> </td>:定义表格的列。border :表格的边框宽度。text-align :文本水平居中。用HTML制作一张简单的课程表。margin:外边距。
如何用html创建一个课程表
aabbxxww的博客
09-11 222
【代码】如何用html创建一个课程表
课表APP(未完成版)
SUOLONG1的博客
05-08 590
使用HBuilder X,打包生成APP 代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>课表</title> <link rel="stylesheet" href="样式.css"> </head> <body> <div class="fi-box"> <div cl
使用HTML制作课表
weixin_66201127的博客
02-23 804
HTML简单制作课表
HTML5编写一个课程表界面
DollyCat的博客
09-12 2328
方法:用li列表常见表格。 效果图如下 源代码如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>我的课程表</title> <style> body{ margin:0% auto; padding:0; background:#fff; t
我想利用HTML一个课程表程序
03-07
HTML 是一种用于创建网页的标记语言,你可以使用 HTML 标签来创建一个课程表程序。你可以使用表格标签来创建表格,然后在表格中添加课程信息。你还可以使用 CSS 样式来美化你的课程表程序。希望这可以帮助你开始编写...

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
写文章

热门文章

  • 利用HTML做一个课程表 5809
  • 天气预报图片制作 2083
  • DIV+CSS网页结构布局(精灵图) 1833
  • Transition属性的使用实例 860
  • H5图标 709

最新评论

  • 利用HTML做一个课程表

    ctotalk: thanks,欢迎关注一起交流

大家在看

  • 等保测评练习题11 1037
  • JSP快速入门
  • 天锐绿盾数据防泄密软件有哪些功能
  • Docker搭建FRP+OPENVPN+Prometheus+Grafana 实现内网穿透以及流量监控
  • 文字变视频,科技如何改变我们的表达

最新文章

  • H5图标
  • 天气预报图片制作
  • DIV+CSS网页结构布局(精灵图)
2020年15篇

目录

目录

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值

哆哆女性网适合起名的中药名血岩碎片企业起名字权力的游戏百度云张怡宁李隼给店起名有啥讲究没?鼠年起名字大全男绝世战魂全文免费阅读光谷正华银兴影城2017年1月23日注册个体工商户 起名休闲运动服装店起名鞍山都市阳光锦衣之下免费观看全集斗罗大陆之邪念系统甲午风云给兽药店起名字大全抗战之铁血远征军起名字男孩打分专业八字起名网站友情留言板留言大全基金代码北京菲亚特4s店行乞公司起名网上可以有吗新生儿起乳起名大全男孩水木组合起名大全活板陈平江婉全文免费阅读如释重负的拼音淀粉肠小王子日销售额涨超10倍罗斯否认插足凯特王妃婚姻不负春光新的一天从800个哈欠开始有个姐真把千机伞做出来了国产伟哥去年销售近13亿充个话费竟沦为间接洗钱工具重庆警方辟谣“男子杀人焚尸”男子给前妻转账 现任妻子起诉要回春分繁花正当时呼北高速交通事故已致14人死亡杨洋拄拐现身医院月嫂回应掌掴婴儿是在赶虫子男孩疑遭霸凌 家长讨说法被踢出群因自嘲式简历走红的教授更新简介网友建议重庆地铁不准乘客携带菜筐清明节放假3天调休1天郑州一火锅店爆改成麻辣烫店19岁小伙救下5人后溺亡 多方发声两大学生合买彩票中奖一人不认账张家界的山上“长”满了韩国人?单亲妈妈陷入热恋 14岁儿子报警#春分立蛋大挑战#青海通报栏杆断裂小学生跌落住进ICU代拍被何赛飞拿着魔杖追着打315晚会后胖东来又人满为患了当地回应沈阳致3死车祸车主疑毒驾武汉大学樱花即将进入盛花期张立群任西安交通大学校长为江西彩礼“减负”的“试婚人”网友洛杉矶偶遇贾玲倪萍分享减重40斤方法男孩8年未见母亲被告知被遗忘小米汽车超级工厂正式揭幕周杰伦一审败诉网易特朗普谈“凯特王妃P图照”考生莫言也上北大硕士复试名单了妈妈回应孩子在校撞护栏坠楼恒大被罚41.75亿到底怎么缴男子持台球杆殴打2名女店员被抓校方回应护栏损坏小学生课间坠楼外国人感慨凌晨的中国很安全火箭最近9战8胜1负王树国3次鞠躬告别西交大师生房客欠租失踪 房东直发愁萧美琴窜访捷克 外交部回应山西省委原副书记商黎光被逮捕阿根廷将发行1万与2万面值的纸币英国王室又一合照被质疑P图男子被猫抓伤后确诊“猫抓病”

哆哆女性网 XML地图 TXT地图 虚拟主机 SEO 网站制作 网站优化