表格

表格

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表格学习</title>
</head>
<body>
<!--表格 table
行标签 tr  rows
列标签 td

-->

<table border="1px">
    <tr>
        <!--colspan 跨列-->
        <td colspan="4">1-1</td>
    </tr>
    <tr>
        <!--rowapsn 跨列-->
         <td rowspan="2">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>
    </tr>
</table>



<table border="1px">
    <tr>
        <td colspan="3">学生成绩</td>
    </tr>
    <tr>
        <td rowspan="2">斯嘉</td>
        <td>语文</td>
        <td>100</td>
    </tr>
    <tr>
        <td>数学</td>
        <td>100</td>
    <tr>
        <td rowspan="2">马克</td>
        <td>语文</td>
        <td>100</td>
    </tr>
    <tr>
        <td>数学</td>
        <td>100</td>
</table>


</body>
</html>

效果图

image

posted @ 2021-07-18 17:26  斯嘉  阅读(33)  评论(0)    收藏  举报