带有2行和6列的HTML表

时间：2018-03-08 15:06:05

标签： html css

我正在尝试创建普通的html表，行有两列，列有六行。

image showing the table

我想根据上面的图片创建html表。

1 个答案:

答案 0 :(得分：0)

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<table style="width: 100%; margin-top: 10px; font-size: 0.8em;" border="1px">
    <tr align="center" >
        <th style="padding:2.5px; width: 10%;" rowspan="2">S No</th>
        <th style="padding:2.5px; width: 55%;" rowspan="2">Subject</th>
        <th style="padding:2.5px;" colspan="2">Term-1</th>
        <th style="padding:2.5px;" colspan="2">Term-2</th>
    </tr>
    <tr>
        <th>PA1</th>
        <th>Notebook</th>
        <th>PA2</th>
        <th>Notebook2</th>
    </tr>
</table>

</body>
</html>
相关问题
最新问题