第一次用HTML设计表格,以及使用百度脑图的感受
2019-07-30 11:02
274 查看
版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/Zhuang_Z/article/details/97760189
caption 顶部
thead 表头
tbody 表内容
tfoot 注脚
tr 行
th 首行单元格,它是居中加粗的
td 单元格{具有rowspan、colspan、width、align等属性}
td\th中可以放任意子元素
通过对以上子元素的使用,以及属性的添加修改,我们可以设计出符合自己需要的表格。在设计一张课程表的过程中,我遇到了疑问。一行宽度为100%,分9列,第一二格合并,如何设置单元格宽度才能达到后面每一格宽度相同,而第一格是后面格子2倍宽的效果呢?
今天学习的内容
今天主要学习了三种HTML元素的应用。
1.在网站中插入链接
使用标记插入一个链接
具体操作:百度一下。这里的链接是url地址。还可以使用相对路径:,但这打开的链接必须与该HTML文件处在相同的文件夹,所以我们平时要注意自己文件存放的地址,这会带来很多便利。此外,我们还可以使用绝对路径:,这可以精确的打开位于另一个地址的链接。标签还有个很有意思的功能:发邮件给我,使用该代码可以添加一个点击事件,给该邮箱发送邮件。当然,前提是点击者的电脑上有邮箱系统。
2.使用标记插入图片
具体操作与标签类似,但它还支持base64格式路径的图片链接。
添加该属性后,可以在图片地址获取失败后显示预先输入的文本。
3.表格的插入与绘制,标记是
caption 顶部
thead 表头
tbody 表内容
tfoot 注脚
tr 行
th 首行单元格,它是居中加粗的
td 单元格{具有rowspan、colspan、width、align等属性}
td\th中可以放任意子元素
通过对以上子元素的使用,以及属性的添加修改,我们可以设计出符合自己需要的表格。在设计一张课程表的过程中,我遇到了疑问。一行宽度为100%,分9列,第一二格合并,如何设置单元格宽度才能达到后面每一格宽度相同,而第一格是后面格子2倍宽的效果呢?
初次使用百度脑图的感觉
使用树状结构梳理了几天的知识点,觉得这种方式还不错,对于各个知识点之间的关系的理顺尤其有用。美中不足的是我不喜欢脑图的形状以及修改时的输入框,同时你不能调整以及设定好的目录的等级,很不方便。而且感觉脑图的模型比较浪费空间,留出了大片空白,让我觉得难受。总体而言还算是不错的知识巩固方式。
相关文章推荐
- HTML之表格的创建以及使用
- html表格以及form表单部分标签的使用
- ueditor(百度编辑器)的第一次使用以及关键配置
- Winform中多国语言窗体的设计以及.NET中资源文件的使用
- pligg9.7beta的后HTML编辑器插件的安装(tinymce_2_1_1_1)(以及使用中遇到的点滴问题解决办法)
- HTML5+CSS3 表格设计(Table)
- Winform中多国语言窗体的设计以及.NET中资源文件的使用
- 线程函数的设计以及MsgWaitForMultipleObjects函数的使用要点
- 第一次在html中使用js
- 使用js清空html表格的简单方法
- 收藏! 表格(table) 高级的使用方法 (html)
- 线程函数的设计以及MsgWaitForMultipleObjects函数的使用要点
- 第一次用ffplay播放视频的过程以及ffplay使用说明书
- 关于html布局中css的写法,以及table的使用技巧
- 数据访问层组件设计以及选型意识流 第一次封装
- C++通用Functor仿函数 LOKI库中的模版使用以及设计新思维
- 线程函数的设计以及MsgWaitForMultipleObjects函数的使用要点
- [29期] 关于HTML学习以及标签记忆的一些感受
- HTML中window.open的使用方法以及参数说明
- html工作中表格<tbody>标签的使用技巧