Skip to content

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,最后还没有完成的一个东西也就是


如果后续解决,会更新掉



版权声明:本文为weixin_42220532原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。

国外留学毕业证书制作公司昆明代办海外学历文凭定做贵阳做国外毕业证代做太原办理海外留学毕业证补办沈阳定做国外成绩单办理杭州代办海外毕业证哈尔滨补办国外学位证书定做杭州制作国外留学生学位证办理石家庄定做海外留学生学位证代办重庆代做海外学历代做兰州代做国外留学生学位证代办沈阳代做海外博士毕业证定做重庆定做海外本科毕业证办理武汉办理海外博士毕业证定做青岛做国外留学文凭代做乌鲁木齐做海外学位证书办理南宁国外大学毕业证定做广州代做国外证件补办成都代办国外证书代办天津代办海外硕士毕业证办理乌鲁木齐定做海外学历文凭定制沈阳办国外硕士毕业证代做武汉制作海外留学毕业证制作郑州代办国外留学毕业证定制西安做海外学位证补办西安代做国外学历证定做珠海做国外文凭补办南京办理海外留学学位证福州定做海外留学文凭定做西宁办理国外留学生学位证办理杭州代做海外留学文凭代做淀粉肠小王子日销售额涨超10倍罗斯否认插足凯特王妃婚姻让美丽中国“从细节出发”清明节放假3天调休1天男孩疑遭霸凌 家长讨说法被踢出群国产伟哥去年销售近13亿网友建议重庆地铁不准乘客携带菜筐雅江山火三名扑火人员牺牲系谣言代拍被何赛飞拿着魔杖追着打月嫂回应掌掴婴儿是在赶虫子山西高速一大巴发生事故 已致13死高中生被打伤下体休学 邯郸通报李梦为奥运任务婉拒WNBA邀请19岁小伙救下5人后溺亡 多方发声王树国3次鞠躬告别西交大师生单亲妈妈陷入热恋 14岁儿子报警315晚会后胖东来又人满为患了倪萍分享减重40斤方法王楚钦登顶三项第一今日春分两大学生合买彩票中奖一人不认账张家界的山上“长”满了韩国人?周杰伦一审败诉网易房客欠租失踪 房东直发愁男子持台球杆殴打2名女店员被抓男子被猫抓伤后确诊“猫抓病”“重生之我在北大当嫡校长”槽头肉企业被曝光前生意红火男孩8年未见母亲被告知被遗忘恒大被罚41.75亿到底怎么缴网友洛杉矶偶遇贾玲杨倩无缘巴黎奥运张立群任西安交通大学校长黑马情侣提车了西双版纳热带植物园回应蜉蝣大爆发妈妈回应孩子在校撞护栏坠楼考生莫言也上北大硕士复试名单了韩国首次吊销离岗医生执照奥巴马现身唐宁街 黑色着装引猜测沈阳一轿车冲入人行道致3死2伤阿根廷将发行1万与2万面值的纸币外国人感慨凌晨的中国很安全男子被流浪猫绊倒 投喂者赔24万手机成瘾是影响睡眠质量重要因素春分“立蛋”成功率更高?胖东来员工每周单休无小长假“开封王婆”爆火:促成四五十对专家建议不必谈骨泥色变浙江一高校内汽车冲撞行人 多人受伤许家印被限制高消费

国外留学毕业证书制作公司 XML地图 TXT地图 虚拟主机 SEO 网站制作 网站优化