table表格怎么添加相关服务器(表格table)

<table>标签定义HTML表格。关于table 我们需要认识它的一些内嵌标签有:

<th>,定义表标头,默认情况下标头为粗体且居中。

<tr>,定义表格的每一行。

<td>,定义表格的数据单元格。

因为是表格,我们需要每一行的单元格都是一样的数量,然后我们可以指定每个单元格的宽高。

简单小实例:

<!DOCTYPE html> <html> <head>   <title>表格</title>   <style>     table{       /* border-collapse:collapse; */     }     td{       width: 100px;       height:50px;       text-align: center;     }   </style> </head>   <body>   <!-- cellpadding属性设置表格边框之间和表格单元格之间的间距,cellspacing属性设置单元格中的信息四周的间距(两者都是以像素为单位)-->   <table border="1" cellpadding="0" cellspacing="0">     <tr>       <td>1</td>       <td>2</td>       <td>3</td>     </tr>     <tr>       <td>4</td>       <td>5</td>       <td>6</td>     </tr>     <tr>       <td>7</td>       <td>8</td>       <td>9</td>     </tr>   </table> </body> </html>


table表格怎么添加相关服务器(表格table)(1)

定义表标头 <th>:th 的多少对应表格的列数

<th>第一列</th> <th>第二列</th> <th>第三列</th>


table表格怎么添加相关服务器(表格table)(2)


定义表格标题 <caption>:比如我们要给上面表格一个标题的话,我们就需要用到这个标签属性

<caption style="font-size: 20px;font-weight: bold;color: green;">数字表</caption>


table表格怎么添加相关服务器(表格table)(3)


动手小练习

  1. 编写一个5*5的表格
  2. 在第一个简单表格的基础上,给表格添加一个标题(设置颜色,定义字体大小,粗细等样式)
,

免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com

    分享
    投诉
    首页