2、新手跟着视频教程学习,需要边学边练,多练习代码,不懂的一定要多看,基础要打牢。
开发工具
Html5是一个标记类的语言,虽然用文本编辑器也能编写的,但是用一些集成工具还是高效一些。
学习路径
1、Html基础
2、CSS基础
3、HTML5
4、JavaScript
5、CSS3
6、jQuery
然后项目实战,找个网页从静态页面写起,切图之类的。公司有相关的Html5项目,直接拿来学习更好。
相关书籍
可以找一些不错的html5相关书籍来学习,理论知识也需要掌握,而且书籍可以做一些笔记,重点难点可以标记,不懂和重点多看多记,这样能更好的掌握。
表格在数据展示方面非常简单,并且表现优秀,通过与CSS的结合,可以让数据变得更加美观和整齐。
行、列、单元格单元格特点:同行等高、同列等宽。
表格的基本语法:
创建一个3行3列的表格:
单元格中内容的填充间距通过cellpadding(默认1px)属性来设置;
单元格与单元格之间的间距通过cellspacing(默认1px)属性来设置。
设置单元格的填充间距为10,单元格之间的间距为0,红色边框
一般表格的第一行是标题,并且是文本居中、加粗,将td换成th。
而某些数据需要居中,但不希望加粗,可以给td添加align="center"
表格的跨行跨列
有时,表格的结构并没有那么简单,可能会存在跨行和跨列的情况:
跨行:
跨列:
跨行、跨列并存:
这个问题看似很复杂,其实很简单,在制作跨行和跨列的表格时,只需按照如下步骤就可以轻松搞定!:
首先做一个完整的表格:注意虚线部分,最终去掉这些虚线就是我们要的效果
找出最左上角那个“侵占”其他单元格的单元格,如下图标注数字的位置
观察这个单元格“侵占”的是行还是列,算上自己总共是几个?(行数用r表示,列数用c表示):
如果是行:在这个单元格上添加rowspan="r"
如果是列:在这个单元格上添加colspan="c"
如果既有行又有列:在这个单元格上添加rowspan="r" colspan="c"
把“被侵占”的单元格删掉,删除顺序:从右向左,从上至下,否则很容易出错!
按以上步骤完成一个跨行跨列的表格:
每天持续更新,点点关注不迷路哦~
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)