如何使用css,把div设置为一个椭圆容器,在做html页面开发时,我们一般都是使用div来做容器的,如果你需要一个椭圆形的容器,我们可以使用div来实现的,下面来看一下。......
HTML表格,简历制作以及基本标签的用法
在编写一个网页的时候,难免会用到表格的制作,接下来我为大家带来表格的基本用法。
工具/原料
- 电脑
- webstorm,vscode,Brackets ,Sublime Text (本人使用的是HBuilderX—国产软件,画面舒适)
方法/步骤
运行HBuilderX ,鼠标放在左侧项目栏点击右键,新建html文件,点击创建,软件会自动生成主体的框架。
我们就以学生成绩为例,编写一个成绩单。表格的规格是3行5列的。编写表格需要用到table>标签,tr>标签(表示行),td>标签(表示列)后面两个标签必须存放在table>标签内。红色字样的 border="1px" 与 cellspacing="0"为table>标签的属性,边框大小为1像素,单元格间隙为0。width="200px" 与 align="center"为td>标签的属性,单元格的宽度为200像素,对齐方式为中心对齐。
简历也是用表格制作出来的,但用上述的几个标签无法做出简历的效果,我们必须学会使用单元格的合并。简历的制作必须引入两个新的标签。colspan=""表示行的单元格合并。rowspan表示列的单元格合并。
在制作表格的时候我们会为表格添加很多重复的属性,增加了我们时间的消耗,我们可以引入新的标签解决这个问题。col>单标签,表示一列。colgrou列分组标签,单标签 colgroup span="6"> 表示6个col>。
根据W3C指定的网页编写规则,每一个表格都有三个部分thead>表格的页眉/thead>,tbody>表格的主体/tbody>,tfooter>表格的页脚/tfooter>,其中主体部分是最重要的部分,网页一般都会补全,不要省略tbody>
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!
标签: HTML
相关文章
- 详细阅读
- 详细阅读
-
HTML5创作工具,MAKA 2.0史上最全操作指南详细阅读
HTML5创作工具,MAKA 2.0史上最全操作指南,超过15000种模板组合。还怕你没有发挥的空间吗?MAKA(中文:码卡)作为中国最早推出移动端卡片式交互模式的创新者,随着HTML5技术的日渐成熟......
2023-03-16 433 HTML