html表格元素的基本知识点(二)

<caption>Monthly savings</caption>表示标题头部,在<caption>中已经定义了,但是在<tr>行中还是需要再次填写,否则会出现以下的情况。

正常情况

缺失情况

  1. 单元跨两行情况

跨行情况用<th rowspan="2">Telephone:</th>,

跨列情况用<th colspan="2">Telephone</th>

  1. 表格内填写标签表格
  2.     <table border="1">
  3. <tr>
  4. <td>
  5. <p>这是一个段落</p>
  6. <p>这是另一个段落</p>
  7. </td>
  8. <td>这个单元格包含一个表格:
  9. <table  border="1">
  10.     <tr>
  11.         <td>A</td>
  12.         <td>B</td>
  13.     </tr>
  14.     <tr>
  15.         <td>C</td>
  16.         <td>D</td>
  17.     </tr>
  18. </table>
  19. </td>
  20. </tr>
  21.     </table>

整体是一个嵌套问题,在处理过程中,大化小,在第二个表格的时候对于小标签就当是一个新的表格在大表格第一个<tr>里的第二个<td>里面写</td>。

有关列表的使用,使用

 <ul>

    <li>apples</li>

    <li>bananas</li>

    <li>pineapples</li>

   </ul>

,在<ul>标签中,一般与<li>配套使用,形成无序列表。而默认的列表标签符号是圆形。需要其他列表符号通过<ul style="list-style-type:disc">自定义即可

  1. 单元格内容与其边框之间的空白

在表格的边框距中,对于边框的放大缩小,在<table>中<table border="1" cellpadding="100">即可

  1. 单元格与单元格之间的距离定义

通过定义<table border="1" cellspacing="0">即可

其余与正常边框编辑一样。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值