HTML网页表格代码编写

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

操作方法

  • 01

    复制如下程序代码进记事本,页面如图所示: <!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>

  • 02

    其中,<table><tr><th><td>重要的HTML表格元素 <table> 表示一个基本表格 <tr> 表示一栏中的元素 <th>表示报表中的一个标题元素 <td> 表示报表中的一个内容方格

  • 03

    把<table>的程序码改成下列程序码。 <table style="width:100%"> 此时<table>的宽度跟页面的整体宽度一致。 页面如图所示。 注意</table>內的內容保持不变。

  • 04

    把<table>的程序码改成下列程序码。 <table border="1" style="width:100%"> 此时<table>边界为1。 页面如图所示。

  • 05

    把<table>的程序码改成下列程序码。 <table border="10" style="width:100%"> 此时<table>边界为10。 页面如图所示。

(0)

相关推荐