前端_表格
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-11-23实现OSS直传,前端怎么实现?-icode9专业技术文章分享
- 2024-11-22在 HTML 中怎么实现当鼠标光标悬停在按钮上时显示提示文案?-icode9专业技术文章分享
- 2024-11-22html 自带属性有哪些?-icode9专业技术文章分享
- 2024-11-21Sass教程:新手入门及初级技巧
- 2024-11-21Sass学习:初学者必备的简单教程
- 2024-11-21Elmentplus入门:新手必看指南
- 2024-11-21Sass入门:初学者的简单教程
- 2024-11-21前端页面设计教程:新手入门指南
- 2024-11-21Elmentplus教程:初学者必备指南
- 2024-11-21SASS教程:从入门到实践的简单指南