HTML网页表格代码编写

  • 原创
  • |
  • 浏览:14822
  • |
  • 更新:

HTML表格为HTML编写重要之元素,有效使用HTML表格,加速了HTML的开发及增加HTML表格的美观性,本文阐述如何使用HTML表格。

工具/原料

  • 记事本

方法/步骤

  1. 1

    复制如下程序代码进记事本,页面如图所示:

    <!DOCTYPE html>

    <html>

    <head>

    </head>

    <body>

    <table>

      <tr>

        <th>平台</th>

        <th>产品</th>

      </tr>

      <tr>

        <td>百度</td>

        <td>经验</td>

      </tr>

      <tr>

        <td>搜狐</td>

        <td>新闻</td>

      </tr>

    </table>

    </body>

    </html>

    HTML网页表格代码编写
  2. 2

    其中,<table><tr><th><td>重要的HTML表格元素

    <table> 表示一个基本表格

    <tr> 表示一栏中的元素

    <th>表示报表中的一个标题元素

    <td> 表示报表中的一个内容方格

  3. 3

    把<table>的程序码改成下列程序码。

    <table style="width:100%">

    此时<table>的宽度跟页面的整体宽度一致。

    页面如图所示。

    注意</table>內的內容保持不变。

    HTML网页表格代码编写
  4. 4

    把<table>的程序码改成下列程序码。

    <table border="1" style="width:100%">

    此时<table>边界为1。

    页面如图所示。

    HTML网页表格代码编写
  5. 5

    把<table>的程序码改成下列程序码。

    <table border="10" style="width:100%">

    此时<table>边界为10。

    页面如图所示。

    HTML网页表格代码编写
    END
  6. 5
    此文章未经授权抓取自百度经验
经验内容仅供参考,如果您需解决具体问题(尤其法律、医学等领域),建议您详细咨询相关领域专业人士。
作者声明:本篇经验系本人依照真实经历原创,未经许可,谢绝转载。
展开阅读全部