HTML简单表格制作

先给大家看一下我用的软件~

这个是我下载软件的文件夹

、

这个是我下载的软件桌面的快捷方式的图片

页面打开是这样的

file就是新建或者打开文件的，一般你新建一个html文件的时候，先保存本地，把名字改成以.html结尾的，然后在软件页面输入英文的html:5或者！按键盘上面的tab键就可以出现基本代码了~一般这样都是可以成功的。

以上图片是我想要做出来的效果图
然后下面就是我写的具体代码：


<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>课程表</title><style>/*给表格设置属性*/.table{width: 700px;border-collapse:collapse;  合并表格边框模型}/*设置表格的td,th */.table td,th{border: 1px solid black;}.sj {width: 70px;text-align:center;    /*字体居中*/}/*逗号选择器*/.sw,.xw,.zw,.xx,.ws,.ws{ text-align:center;}</style>
</head>
<body>
<table class="table"><caption>学生课程表</caption><thead><tr><th colspan="2"></th>   <!-- 合并两列 --><th>星期一</th><th>星期二</th><th>星期三</th><th>星期四</th><th>星期五</th><th>星期六</th><th>星期天</th>   </tr></thead><tbody><tr><td rowspan="2" class="sw">上午</td>   <!-- 合并两行 --><td class="sj">9:00-10:30</td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr><tr><td class="sj">11:00-11:30</td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr><tr><td colspan="9" class="zw">中午(11:30-14:00)</td></tr><tr><td rowspan="2" class="xw">下午</td><td class="sj">14:00-16:30</td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr><tr><td class="sj">17:00-17:30</td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr><tr><td colspan="9" class="xx">休息</td></tr><tr><td class="ws">晚上</td><td class="sj">19:30-21:00</td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr><tr></tbody>
</table>
</body>
</html>

代码格式我还不怎么会改变，小可爱们将就看吧~

这是我写的第三篇博客啦~明天会继续更新的啦，我会继续努力的哦！

下一篇就把我最近学到的东西整理出来分享给你们哦~

、

HTML-简单表格制作相关推荐

HTML5基础学习（5）：百度云盘制作、简单表格制作
一.百度云盘制作 (1)绝对地址与相对地址绝对地址:在任何情况下,都可以找得到的地址.网页中下面图片所在的路径叫做绝对路径: <img src="http://1000phone.c ...
latex 中表格怎么指定编号_科学网—latex中简单表格制作+标题+编号+固定位置 - 江亿平的博文...
Type one: %%%%%%%%%%简单表格%%%%%%%%%% begin{tabular}{|c|c|} hline a & b \hline c & d\ hline end ...
LaTeX简单表格制作及Excel2LaTeX插件基本用法
LaTeX表格及Excel2LaTeX插件用法 % 表格也遵循'空白行换行',如果没有空白行,表格会置于原来表格的右方% usepackage{multirow} 纵向合并单元格 % usepacka ...
html表格制作应该注意什么软件,html表格制作
一.简单表格制作举个例子来说,如果今天我们要做一个3栏2列的表格,在WORD中,只要设定表格为3栏.2列就完成了,不过,在网页中做一个3栏2列的表格,可是要分成好几个步骤的: 第一个步骤,利用标签 ...
使用matlab建立个人简历,HTML 使用表格制作简单的个人简历
复习一下HTML,用表格做一个简单的个人简历 .btbg{ text-align:center; } 个人简历姓名性别出生日期照片民族政治面貌婚姻状况现所在地籍贯学历毕业学校专 ...
canvas制作简单表格
初识canvas,绘制简单表格目的,制作一个可以点击的表格想法: 以每一个小盒子按一定大小排列组成表格,格子的线段采用从顶到底.从左到右的方式绘制整个表格的格子,点击事件以点击时的offsetXY ...
HTML简单表格的制作
每日一分享 HTML简单表格的制作代码: 表格此处编写设计编码星期星期一星期二星期三星期四星期五星期六星期日上午8:00-12:00 星期一星期二星期三星期四星期五星期 ...
微信小程序之图表系列——最简单的表格制作
一图胜千言,相信很多开发者都没有绕开过图表制作这个坑,在小程序中也是,当然可以用第三方echart等制图插件来做,但小程序要求代码量最大12M,还得分好几个包,一个echart插件就将近1M,要是只做 ...
通用型简单latex模板＆表格制作
转一个很好的模板,说他好是因为他包含了在latex下创建一个文件所需要用到的几乎所有的基本文档设置:页面,正文,字体, 发信人: ceo (神), 信区: MathTools 标题: 我的通用型简单 ...

HTML-简单表格制作

HTML简单表格制作

先给大家看一下我用的软件~

这个是我下载软件的文件夹

这个是我下载的软件桌面的快捷方式的图片

页面打开是这样的

file就是新建或者打开文件的，一般你新建一个html文件的时候，先保存本地，把名字改成以.html结尾的，然后在软件页面输入英文的html:5或者！按键盘上面的tab键就可以出现基本代码了~一般这样都是可以成功的。

代码格式我还不怎么会改变，小可爱们将就看吧~

这是我写的第三篇博客啦~明天会继续更新的啦，我会继续努力的哦！

下一篇就把我最近学到的东西整理出来分享给你们哦~

HTML-简单表格制作相关推荐

最新文章

热门文章