HTML基础(三)-HTML标签(表格标签)

5.5 表格标签

表格由一系列标签组合而成

  1. table:表格

  • 属性:border用于设置边框粗细,cellspacing用于设置单元格的间距(0为无间距)

  1. tr:table row,表示table的行

  • 编写在table标签中,作为table标签的子标签

  1. td:table data,表示table的列

  • 编写在tr标签中,作为tr标签的子标签

  1. th:table head,表示table的表头

  • 编写在tr标签中,作为tr标签的子标签,与td使用方法一样,但是文字会加粗并且居中显示

         5.表格中可以在td或者th中添加跨行(rowspan)和跨列(colspan)的列属性,从而绘制出不同的表格

 <!DOCTYPE html>
 <html>
 <head>
 <meta charset="UTF-8">
 <title>表格标签</title>
 </head>
 <body>
  <!-- 3行4列的表格 -->
  <h1>-----3行4列的表格-----</h1>
  <h2>table row(tr):表格的行,table data(td):表格数据</h2>
  <h2>1、border表示给表格加边界,数值表示粗细大小</h2>
  <table border="1">
  <tr>
  <td>1-1</td>
  <td>1-2</td>
  <td>1-3</td>
  <td>1-4</td>
  </tr>
  <tr>
  <td>2-1</td>
  <td>2-2</td>
  <td>2-3</td>
  <td>2-4</td>
  </tr>
  <tr>
  <td>3-1</td>
  <td>3-2</td>
  <td>3-3</td>
  <td>3-4</td>
  </tr>
  </table>
 
  <h2>2、cellspacing="0"表示表格间距为0</h2>
  <table border="1" cellspacing="0">
 
上一篇:数据同步Datax与Datax_web的部署以及使用说明


下一篇:一篇文章快速搞懂 Apache SkyWalking 的 OAL