HTML网页表格代码编写

2025-10-27 16:05:13

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、其中,<table>速牺<tr><th><td>重要的HTML表格元素

<table> 表示一个基本表格获塑羞

<tr> 表示一栏中的元素

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

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

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

<table style="width:100%">

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

页面如图所示。

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

HTML网页表格代码编写

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

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

此时<table>边界为1。

页面如图所示。

HTML网页表格代码编写

5、把<table>的程序汽册码改成下列程序码。

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

此时<table>边界为10。

页面如图所示。

HTML网页表格代码编写

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢