当前位置:首页 > 网站模板 > 正文内容

html简单网页代码做一个课表(用html编写一个课程表)

网站模板2年前 (2023-03-21)495

今天给各位分享html简单网页代码做一个课表的知识,其中也会对用html编写一个课程表进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!

本文目录一览:

html 做课程表

代码如下:

htmlheadtitle表格应用/title

/head

body

table  frame=box border=1 align=center   cellpadding=0 cellspacing=0 bordercolor=black

caption吴**个人课表/caption

tr

 td colspan=2  align="center"时间/td

td align="center"星期一/td

td align="center"星期二/td

td align="center"星期三/td

td align="center"星期四/td

td align="center"星期五/td

td align="center"星期六/td

td align="center"星期日/td

/tr

tr

td colspan=2 align=center早晨/tdtd /tdtd /tdtd /tdtd /tdtd /tdtd /tdtd /td

/tr

tr

td  rowspan=4  align=center上午/td

td  第br1br节/td

td rowspan=2 align=centerWEB应用开发技术br周一第1,2节{第1-16周}

br熊俊涛(熊俊涛)br3502/td

td rowspan=2 align=center线性代数br周二第1,2节{第1-8周}br赵立新br3202/td

td rowspan=2 align=centerInternet与Intranet技术br周三第1,2节{第1-12周}br张建桃br3401/td

td rowspan=2 align=center管理统计学br周四第1,2节{第1-16周}br张建桃(张建桃)br3301/td

td /tdtd /tdtd/td/tr

tr

td第br2br节/td

td /tdtd /tdtd/td/tr

tr

td 第br3br节/td

td rowspan=2 align=centerWEB应用开发技术br周一第3,4节{第9-16周}

br熊俊涛(熊俊涛)/td

td rowspan=2 align=center职业素养提升与就业指导br周二第3,4节{第2-15周}br刘月秀br3312/td

td rowspan=2 align=center太极拳与乒乓球br周三第3,4节{第1-16周}br王常青br公寓8栋乒/td

td rowspan=2 align=center线性代数/td

td /tdtd /tdtd/td/tr

tr

td 第br4br节/td

td /tdtd /tdtd/td/tr

tr

td  rowspan=6 align=center下午/td

td 第br5br节/td

td /tdtd /tdtd/tdtd/tdtd/tdtd/tdtd/td/tr

td  第br6br节/td

td /tdtd /tdtd/tdtd/tdtd/tdtd/tdtd/td/tr

td 第br7br节/td

td rowspan=2 align=center马克思主义基本原理br周一第7,8节{第1-18周}br陈雷br3402/td

td rowspan=2 align=center企业网组网实验br周二第7,8节{第1-16周}br韩方珍/张建桃/td

td rowspan=2 align=center企业管理br周三第7,8节{第3-18周}

br刘伟章br3405/td

td rowspan=2 align=center大学英语br周四第7,8节{第1-15周}br陈琳慧brDS523/td

td /tdtd /tdtd/td/tr

tr

td 第br8br节/td

td /tdtd /tdtd/td/tr

tr

td 第br9br节/td

td/td

td rowspan=2 align=center管理统计学br周二第9,10节{第6-9周}br张建桃(张建桃)/tdtd/tdtd/td

td rowspan=2 align=center大学英语br周五第9,10节{第1-15周}br陈琳慧br3601/tdtd/tdtd/td/tr

tr

td  第br10br节/td

td/tdtd/tdtd/tdtd/tdtd/td/tr

tr

td rowspan=3  align=center晚上/td

td 第br11br节/td

td /tdtd /tdtd/tdtd /tdtd /tdtd /tdtd /td/tr

tr

td 第br12br节/td

td /tdtd /tdtd/tdtd /tdtd /tdtd /tdtd /td/tr

tr

td 第br13br节/td

td /tdtd /tdtd/tdtd /tdtd /tdtd /tdtd /td/tr

/tr

运行结果:

需要一个HTML模板,用来做简单的表单数据录入

HTML做个数据录入的模板。如下参考:

1、首先新建一个html,点击body/body中间,先填入表格内容:

2.内容可根据要求编写,示例代码如下:

table

p style="text-align:center "功课表/p

tr

th语文/th

td7:00-7:40/td

td7:50-8:30/td

/tr

tr

th数学/th

td7:00-7:40/td

td7:50-8:30/td

/tr

tr

th英文/th

td7:00-7:40/td

td7:50-8:30/td

/tr

/table

3.然后在head/head中间输入样式表的样式,如下图:

4.样式也可以根据个人需要设置,设置单元格的宽度高度,合并单元格,位置,颜色等,示例代码如下:

style type="text/css"

body

{

width:340px;

height:800px;

}

table

{

border-collapse:collapse;

}

th,td

{

width:100px;

height:40px;

border:1pxsolidblack;

font-size:12px;

text-align:center;

}

/style

5.注意,此代码“table的意思是表”的含义是将表边框合并为单个边框以合并相邻的更改。

6.预览结果如下图所示,一个制作简单的HTML模板。

太难了,好心人帮帮吧孩子吧,用记事本编写一个HTML文件,制作一个本学期使用的课程表页面,单击名称可?

课程表 body,td,th { font-size:12px; } th{ text-align:left; } table{ color:#ff0000; }  星期一星期二星期三星期四星期五 1语文语文语文语文语文 2语文语文语文语文语文 3语文语文语文语文语文 4语文语文语文语文语文 5语文语文语文语...

2010-12-26 回答者: 黑睿 1个回答 3

怎样利用记事本和HTML制作一个简单的网页

答:1,首先新建一个记事本文件,双击打开。 2,打开记事本文件之后,输入一些简单的html代码。输入之后,保存文件。 3,再次点击记事本文件,按下键盘上的F2键进行重命名。将后面的“txt”改为“html”,然后确定更改。 4,更改完成后,再次打开该文件...

2019-08-09 回答者: a15931866260 2个回答 12

用记事本编写HTML代码,达到以下页面效果?

答:  Document * { padding: 0; margin: 0; } bodydiv { width: 500px; height: auto; } h2 { text-align: center; } .indent { text-indent: 2em; } 学期目标 本学期我们将学习Web前端的课程,这是一门有关详尽的有关"HTML"标签的课程,其...

2020-03-23 回答者: 请轻亲青草 2个回答 1

使用记事本编写HTML语言,制作-一个个人主页home.ht...

答:您好,非常荣幸能在此回答您的问题。以下是我对此问题的部分见解,若有错误,欢迎指出。你好!可以使用vscode编译工具来开发网页哦。非常感谢您的耐心观看,如有帮助请采纳,祝生活愉快!谢谢!

2021-06-24 回答者: 云南新华电脑学校  1个回答

我用记事本制作了个html网页,复制的网页与粘贴的...

问:html问题

答:能不能截图上来,然后把代码复制一下看看。

用html做课程表?谢谢

!DOCTYPE html

html lang="en"

head

meta charset="utf-8"

meta http-equiv="X-UA-Compatible" content="IE=edge"

meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"

meta name="author" content=""

title/title

/head

body

center课程表/center

table border="3px" bordercolor="black" align="center" cellspacing="0" cellpadding="0"

tr

th节次/th

th星期一/th

th星期二/th

th星期三/th

th星期四/th

th星期五/th

/tr

tr

td rowspan="2"1-2/td

td1/td

td2/td

td3/td

td4/td

td5/td

/tr

tr

td1/td

td1/td

td1/td

td1/td

td1/td

/tr

tr

td rowspan="2"3-4/td

td3/td

td3/td

td3/td

td3/td

td3/td

/tr

tr

td4/td

td4/td

td4/td

td4/td

td4/td

/tr

tr/

tr

td rowspan='2'5-6/td

td5/td

td5/td

td5/td

td5/td

td5/td

/tr

tr

td6/td

td6/td

td6/td

td6/td

td6/td

/tr

tr

td晚自习/td

td7/td

td7/td

td7/td

td7/td

td7/td

/tr

/table

/body

/html

用html标签制作一张课程表,谢谢

效果图,颜色,边框可以自己修改成你自己喜欢的,边框也是,下面代码有说明,直接复制过去就可以用了

!DOCTYPE html

html

head

meta charset="utf-8"/

title课程表/title

style type="text/css"

table{

width:50%;

margin:50px auto 0;

text-align: center;

}

.class-schedule{

font-weight: bold;

}

/style

/head

body

!-- border设置边框,bgcolor设置背景颜色,bordercolor边框颜色,cellspacing表格到表格之间的间距,设置为0则和你的图一样,根据你的喜好自己调整。 cellpadding内容到表格的距离,类似padding,大小可以自己调整--

!-- 附:设置背景在table标签里面添加 background="图片地址" 可以自己尝试设置,其实很简单的--

!-- 注:周一到周五的背景是在对应的tr标签里面的 bgcolor,课时的背景颜色则是在td标签里面的bgcolor,颜色可以自己修改,或者去掉 --

table border="1px" bgcolor="#ffc792" bordercolor="#f00" cellspacing="2" cellpadding="10"

tr

td colspan="6" class="class-schedule"课程表/td

/tr

tr bgcolor="#0f0"

td/td

td周一/td

td周二/td

td周三/td

td周四/td

td周五/td

/tr

tr

td bgcolor="#0f0"1-2节/td

tdHTML/td

td高等数学/td

td英语/td

td rowspan="2"计算机基础/td

td/td

/tr

tr

td bgcolor="#0f0"3-4节/td

td/td

td概率论/td

tdHTML/td

td高等数学/td

/tr

tr

td bgcolor="#0f0"5-6节/td

td/td

td英语/td

td/td

td/td

td概率论/td

/tr

/table

/body

/html

如图,这个课程表用html如何写代码

这个主要就是表格:

!DOCTYPE html

html lang="en"

head

    meta charset="UTF-8"

    title课程表/title

    style

        h3{text-align:center;width:450px;}

        table{border-collapse:collapse;width:450px;}

        th,td{border:1px solid #000000;}

    /style

/head

body

h3课程表/h3

table

    thead

    tr

        th colspan="2"/th

        th星期一/th

        th星期二/th

        th星期三/th

        th星期四/th

        th星期五/th

    /tr

    /thead

    tbody

    tr

        td rowspan="2"上午/td

        td1/td

        td语文/td

        td数学/td

        td物理/td

        td化学/td

        td生物/td

    /tr

    tr

        td2/td

        td体育/td

        td音乐/td

        td几何/td

        td画画/td

        td舞蹈/td

    /tr

    tr

        td rowspan="2"下午/td

        td1/td

        td体育/td

        td画画/td

        td音乐/td

        td语文/td

        td音乐/td

    /tr

    tr

        td2/td

        td音乐/td

        td语文/td

        td体育/td

        td唱歌/td

        td体育/td

    /tr

    /tbody

/table

/body

/html

关于html简单网页代码做一个课表和用html编写一个课程表的介绍到此就结束了,不知道你从中找到你需要的信息了吗 ?如果你还想了解更多这方面的信息,记得收藏关注本站。

扫描二维码推送至手机访问。

版权声明:本文由我的模板布,如需转载请注明出处。


本文链接:http://60200875.com/post/7026.html

分享给朋友:

“html简单网页代码做一个课表(用html编写一个课程表)” 的相关文章

ppt模板怎么导入电脑(ppt模板怎么导入)

ppt模板怎么导入电脑(ppt模板怎么导入)

本篇文章给大家谈谈ppt模板怎么导入电脑,以及ppt模板怎么导入对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文目录一览: 1、手机上的ppt模板传到电脑上不清晰 2、怎样把下载的pp...

店铺转让协议模板免费下载(店铺转让协议范本简版)

店铺转让协议模板免费下载(店铺转让协议范本简版)

本篇文章给大家谈谈店铺转让协议模板免费下载,以及店铺转让协议范本简版对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文目录一览: 1、店面转让协议怎么写(五篇通用) 2、店铺转让合同范本...

简历ppt模板免费(简历ppt模板免费复制)

简历ppt模板免费(简历ppt模板免费复制)

今天给各位分享简历ppt模板免费的知识,其中也会对简历ppt模板免费复制进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!本文目录一览: 1、黑白极简个人简历PPT模板 2、p...

小程序模板之家(微信小程序模板网)

小程序模板之家(微信小程序模板网)

本篇文章给大家谈谈小程序模板之家,以及微信小程序模板网对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文目录一览: 1、免费的小程序模板可以推荐用吗? 2、有没有app模板或小程序模板的...

本科毕业论文开题答辩模板(本科毕业论文开题答辩模板下载)

本科毕业论文开题答辩模板(本科毕业论文开题答辩模板下载)

今天给各位分享本科毕业论文开题答辩模板的知识,其中也会对本科毕业论文开题答辩模板下载进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!本文目录一览: 1、毕业论文答辩稿怎么写...

邀请函正文模板免费(邀请函正文模板免费下载)

邀请函正文模板免费(邀请函正文模板免费下载)

今天给各位分享邀请函正文模板免费的知识,其中也会对邀请函正文模板免费下载进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!本文目录一览: 1、邀请函的模板和范文 2、展会邀请函...