随笔分类 -  第五章 表格标签

课时38.表格标签的属性（了解）
摘要：1.宽度和高度的属性 可以给table标签和td标签使用（tr标签不能使用） 2.水平对齐和垂直对齐的属性 其中水平对齐可以给table标签和tr标签和td标签使用 垂直对齐只能给tr标签和td标签使用 3.外边距和内边距属性 只能给table标签使用 补充上节课内容： 1.1表格的宽度和高度默认是 阅读全文
posted @ 2018-06-12 12:25 双双双双 阅读(365) 评论(0) 推荐(0)
课时37.表格标签基本使用（理解）
摘要：表格标签是我们一个时代都代表，曾经在过去一段时间，我们大部分网站都是用表格来做的。 1.什么是表格标签？ 表格标签的作用：用来给一堆数据添加表格语义，其实表格是一种数据的展现形式，当数据量非常大的时候，表格这种展现形式被认为是最为清晰的一种展现形式。 2.表格标签格式： 其实表格标签中的table代 阅读全文
posted @ 2018-06-12 11:55 双双双双 阅读(467) 评论(0) 推荐(0)
课时43.表格练习
摘要：这节课我们来练习几个样式的表格 1. 2. 3. 4. 快捷键总结 1.合并：ctrl + - 2.展开：ctrl + + 3.快速合并和展开代码（合并和展开选中的所有标签） 4.快速新启一行：shift + enter（回车） 阅读全文
posted @ 2018-06-07 16:01 双双双双 阅读(277) 评论(0) 推荐(0)
课时42.合并单元格（理解）
摘要：我们上节课讲了表格的结构，我们打开一个搜狐首页，发现这个页面有很多table标签，但是没有thead，tfoot标签，事实证明，没有人写这几个标签 这节课我们来讲最后一个知识点：单元格的合并 点击打开excel软件，选中两个单元格，上面有一个合并按钮，点击一下就合并了 新建一个html文件，ctrl 阅读全文
posted @ 2018-06-07 12:57 双双双双 阅读(808) 评论(0) 推荐(0)
课时41.表格的结构（了解）
摘要：我们打开上节课做出来的页面，然后点击鼠标右键“检查” 我们发现整个表格都是一个table标签，标题就是caption，而标题caption下面是<tbody>...</tbody> 我们上节课并没有写这个标签，所以事实证明我们上节课写的表格不是一个完整的表格，那么到底什么是一个完整的表格呢？我们这节 阅读全文
posted @ 2018-06-07 11:25 双双双双 阅读(798) 评论(0) 推荐(0)
课时40.表格中的其它标签（理解）
摘要：利用我们表格标签来做一个案例： 通过这个案例来给大家介绍下表格标签中的其它标签 1.ctrl+alt+n新建一个文件，命名为24-表格标签的其它标签 然后我们在这个程序中输入代码，我们观察这个图片发现标题是h2，然后下面是一个表格标签，一共是六行六列，我们先做出来标题栏 出现这种样式，发现看不到边框 阅读全文
posted @ 2018-06-07 09:38 双双双双 阅读(405) 评论(0) 推荐(0)
课时39.细线表格（理解）
摘要：请你设计出以下图片里的这个样式的表格 步骤： 2.将table里的cellspacing设置成0 外边距是不见了，但是和我们想要完成的图片有一定的差距，我们发现这样做出来的图片好像是两条线合并到了一起一样，实际上确实是两条线合并到了一起的，它是将每个单元格的边距和表格的边距重叠到了一起才有的这个图形 阅读全文
posted @ 2018-06-06 21:03 双双双双 阅读(249) 评论(0) 推荐(0)