前端_表格
2022/3/20 23:27:42
本文主要是介绍前端_表格,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
HTML 表格
后端许多练习操作都要用表格,所以多多少少要学点表格
HTML注释:<!--这是一个注释,注释在浏览器中不会显示-->
-
表格由
标签来定义。每个表格均有若干行(由 标签定义),每行被分割为若干单元格(由标签定义)。字母 td 指表格数据(table data),即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。 -
代码:
<table border="1"> <tr> <th>Header 1</th> <th>Header 2</th> </tr> <tr> <td>row 1, cell 1</td> <td>row 1, cell 2</td> </tr> <tr> <td>row 2, cell 1</td> <td>row 2, cell 2</td> </tr> </table>
-
效果:
Header 1 | Header 2 |
---|---|
row 1, cell 1 | row 1, cell 2 |
row 2, cell 1 | row 2, cell 2 |
- 标签介绍:
- table :定义一个表格区域
- tr:表示行
- th: 头部单元格(会加粗)
- tr: 内容单元格
- 表格相关属性
- "border"
<table border="1">
定义边界,不写没有边框 - "bgcolor"
<tr bgcolor="pink">
定义一行的颜色(单元格也可以) - "align"
<tr align ="center">
定义一行内的文字对齐方式(单元格也可以
这篇关于前端_表格的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-12-25前端大厂面试真题解析与实战攻略
- 2024-12-25如何准备前端面试:新手指南
- 2024-12-25前端面试题详解与实战攻略
- 2024-12-25前端面试真题详解与实战攻略
- 2024-12-252024前端大厂面试真题详解及备考指南
- 2024-12-252024前端面试必备指南:从零开始掌握前端面试技巧
- 2024-12-252024前端面试题详解与实战指南
- 2024-12-21动态面包屑教程:新手入门指南
- 2024-12-21动态主题处理教程:新手必读指南
- 2024-12-21富文本编辑器教程:新手入门指南