1. 程式人生 > >表格的構成,屬性,合併(一)

表格的構成,屬性,合併(一)

表格 學習要點:

1、表格的基本構成 2、表格的屬性

3、表格的合併。 知識點

效果

程式碼:
<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta charset="utf-8">
</head>
<body>
<div class="a" style="color: red">型別1</div>
        <table border="3">
            <tr><th>標題一</th><th>標題一</th><th>標題一</th></tr>
            <tr><td>王龍鑫</td><td>王龍鑫</td><td>王龍鑫</td></tr>
            <tr><td>王龍鑫</td><td>王龍鑫</td><td>王龍鑫</td></tr>
            <tr><td>王龍鑫</td><td>王龍鑫</td><td>王龍鑫</td></tr>
            </table>
<div class="a" style="color: red">型別2</div>
        <table border="1">
            <tr><th colspan="3">標題一</th></tr>
            <tr><td>王龍鑫</td><td>王龍鑫</td><td>王龍鑫</td></tr>
            <tr><td>王龍鑫</td><td>王龍鑫</td><td>王龍鑫</td></tr>
            <tr><td>王龍鑫</td><td>王龍鑫</td><td>王龍鑫</td></tr>
        </table>
<div class="a" style="color: red">型別3</div>
        <table border="1">
            <tr><th>標題一</th><th>標題一</th><th>標題一</th></tr>
            <tr><td rowspan="2">王龍鑫</td><td>王龍鑫</td><td>王龍鑫</td></tr>
            <tr><td>王龍鑫</td><td>王龍鑫</td></tr>
            <tr><td>王龍鑫</td><td>王龍鑫</td><td>王龍鑫</td></tr>
        </table>

<div class="a" style="color: red">型別4</div>
<table border="1">
    <caption>單元格</caption>
    <tr><th>標題一</th><th>標題一</th><th>標題一</th></tr>
    <tr><td rowspan="2">王龍鑫</td><td>王龍鑫</td><td>王龍鑫</td></tr>
    <tr><td>王龍鑫</td><td>王龍鑫</td></tr>
    <tr><td>王龍鑫</td><td>王龍鑫</td><td>王龍鑫</td></tr>
</table>


</body>
</html>
<caption>定義標題。