<table>

1.<table>表格标签,<tr>声明表格行标签,<td>声明表格行单元标签。语法如下:
<table border="1">
<tr>
<td>zhouxingchen</td>
<td>peoplemoster</td>
</tr>

<tr>
<td>zhangtianyu</td>
<td>male</td>
</tr>
</table>

2.border属性确定表格的边框粗细,数字越大边框越粗。虽然偶尔会不定义边框也不会有关系或者不需要定义边框,但是大多数时候还是希望显示边框。语法如下:<table border=“1”>。如果border值是0,就是没有边框的表格。

3.特别说明:<td>标签是表格数据标签。td指的是table data。因此,数据单元格可以包含的内容为:文本,图片<img/>,列表,段落,表单,水平线甚至可以用表格再次作为一个表格的单元。用例如下:
<table border="1">
<tr>
  <td>
   <p>这是第一行第一个单元的内容</p>
   <p>嗯,这个单元内放的是两个段落</p>
  </td>

  <td>这个单元包含一个表格和一行文字,表格如下:
   <table border="1">
   <tr>
     <td>A</td>
     <td>B</td>
   </tr>
   <tr>
     <td>C</td>
     <td>D</td>
   </tr>
   </table>
  </td>
</tr>

<tr>
  <td>这个单元包含一个图片:
  <img src="https://ss0.bdstatic.com/5a21bjqh_Q23odCf/static/superplus/img/logo_white_ee663702.png"/>
  </td>

  <td>这里有一个水平线<hr/></td>
</tr>
</table>

4.<th>表头标签,th指的就是table heading。当表头中的内容为文字时,大多数浏览器都会把表头显示为粗体居中。语法如下:
<tr>
<th>name</th>
<th>sex</th>
</tr>
ps:需要指出,表头也是表格单元的一种,因此用法和<td>类似。都是需要被包含在<tr>和</tr>之间来使用的。

5.如果某个<td>或者<th>内容为空,那么浏览器就很有可能无法显示出这个单元格的边框。也就会发生表格的单元格显示的好难看的现象。(如果发生了那简直逊爆了-=哈紫卡西哟..)为了避免这种情况的发生,在没有内容的地方我们只要加上一个空格占位符&nbsp,就可以让空白的不显示出来的单元格边框正确的显示出来(~ ̄▽ ̄)~

6.cellpadding单元格边距属性,就是单元格内容距离单元格边框的距离。用法如下:<table border=“1” cellpadding=“20”>,这里还使用了border属性是因为当表格有边框的时候对比单元格边距看的比较直观清楚。

7.cellspacing单元格间距属性,字面意思不解释。用法如下:<table border=“1” cellspacing=“20”>

8.bgcolor背景颜色属性,background背景图片属性。用法如下:
(a.给整个表格添加背景颜色,给整个表格添加背景图片)
<table border=“1” bgcolor=“red”><table border=“1” background=“https://ss0.bdstatic.com/5a21bjqh_Q23odCf/static/superplus/img/logo_white_ee663702.png”>嘛,如果图片大小和表格大小比例有些不合适的话,有可能显示不全或者重复排列现象出现。如何解决呢?回答:不造(<img/>一节中有提到这个问题。)
(b.给单元格添加背景颜色,给单元格添加背景图片)
<th border=“1” bgcolor=“red”><td border=“1” background=“https://ss0.bdstatic.com/5a21bjqh_Q23odCf/static/superplus/img/logo_white_ee663702.png”>(难道给单元格添加背景和给表格添加背景什么的只是写在了不同的标签内吗?回答:┑( ̄▽  ̄)┍ 被你发现了)

9.align设置内容对齐方式属性,用法如下:
<th align="lef">zhouxingchen</th>
<th align="center">tizhong</th>
<td align="right">yibaibashijin</td>

10.frame表格的框架属性(别被骗了,这里的框架真的指的就仅仅是框架。。边框,不是那个牛哔的框架。。)用法如下:
<table frame=“box”>
<tr>
<td>zhouxingchen</td>
<td>peoplemoster</td>
</tr>

<tr>
<td>zhangtianyu</td>
<td>male</td>
</tr>
</table>
ps:frame属性的值除了box(四周包围)之外,还有above(上面一条),below(下面一条),hsides(上下两条),vsides(左右两条)

11.表格常用的标签和属性就这些。还有一些其他的不(wo)太(bu)常(hui)用的标签就没有在这里写,如果想知道,百度或者w3school现用现找吧(~ ̄▽ ̄)~[] 干杯~

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值