前端_表格

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"> 定义一行内的文字对齐方式(单元格也可以


这篇关于前端_表格的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程