我的html学习——第三天

<html>

<body>
2016/11/20
<p style="font-family:arial;color:green">
每个表格都是由table标签开始。<br/>
每个表格行都是由tr标签开始。<br/>
每个表格列都是由td标签开始。<br/>
heading为表头用th标签表示，如此表示标签内文字加粗。<br/>
</p>

<h4>一行一列,普通边框,frame属性</h4>
<table border="1" frame="hsides">
<tr>
<td>100</td>
</tr>
</table>
<br/>
<table frame="above">
<tr>
<td>100</td>
</tr>
</table>

<h4>两行三列，带有粗的边框,一个空格,一个横跨两列的单元格,一个横跨两列的单元格</h4>
<table border="8">
<tr>
<th>heading1</th>
<th>heading2</th>
</tr>
<tr>
<td colspan="2">100</td>
<td rowspan="2">100</td>
</tr>
<tr>
<td>100</td>
<td> </td>
</tr>
</table>

<h4>有标题的，垂直的表头,带有单元格边距和单元格间距</h4>
<table border="1" cellpadding="10" cellspacing="10">
<caption>标题1</caption>
<tr>
<th>姓名</th>
<td>bill</td>
</tr>
<tr>
<th>电话</th>
<td>555 77 855</td>
</tr>
<tr>
<th>年龄</th>
<td>21</td>
</tr>
</table>

<h4>表格内还有别的标签的表格,表格带有背景颜色和单元格带有背景颜色</h4>
<table border="1" bgcolor="yellow">
<tr>
<td bgcolor="green">
   <p>这是第一个段落</p>
   <p>这是第二个段落</p>
</td>
<td>
   <p><b>这个单元包含一个表格</b></p>
     <table border="1">
       <tr>
         <td>A</td>
         <td>B</td>
       </tr>
       <tr>
          <td>C</td>
          <td>D</td>
       </tr>
      </table>
</td>
</tr>
<tr>
<td>
<i>这个单元包含一个列表</i>
   <ul>
     <li>苹果</li>
     <li>香蕉</li>
     <li>菠萝</li>
   </ul>
</td>
<td>HELLO</td>
</tr>
</table>
<hr/>

</body>
</html>

我的html学习——第三天

猜你喜欢