前端_表格

HTML 表格

后端许多练习操作都要用表格,所以多多少少要学点表格

HTML注释:<!--这是一个注释,注释在浏览器中不会显示-->

  • 表格由 <table> 标签来定义。每个表格均有若干行(由<tr> 标签定义),每行被分割为若干单元格(由 <td> 标签定义)。字母 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"> 定义一行内的文字对齐方式(单元格也可以
posted @   VarFa  阅读(245)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· DeepSeek “源神”启动!「GitHub 热点速览」
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· C# 集成 DeepSeek 模型实现 AI 私有化(本地部署与 API 调用教程)
· DeepSeek R1 简明指南:架构、训练、本地部署及硬件要求
· 2 本地部署DeepSeek模型构建本地知识库+联网搜索详细步骤
点击右上角即可分享
微信分享提示