摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>表格測(cè)試作業(yè)</title&
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>表格測(cè)試作業(yè)</title>
<style type="text/css">
* {
padding: 0;
margin: 0;
}
table {
border: 1px solid #ccc;
border-collapse: collapse;
width: 500px;
}
tr th {
border: 1px solid #ccc;
height: 50px;
}
tr td {
height: 50px;
border: 1px solid #ccc;
}
</style>
</head>
<body>
<table>
<tr>
<th>1</th>
<th>2</th>
<th>3</th>
<th>4</th>
</tr>
<tr>
<td colspan="4">這是合并列1</td>
</tr>
<tr>
<td rowspan="2">這是合并行 1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
</table>
</body>
</html>
批改老師：天蓬老師批改時(shí)間：2019-04-13 21:52:06
老師總結(jié)：有二點(diǎn)建議:
1. <style>中盡可能不要用*, 直接用標(biāo)簽名, 進(jìn)行樣式重置
2. <table>中推薦添加<tbody>, 否則有可能用js獲取單元格數(shù)據(jù)時(shí)出錯(cuò), 就算你不加, 瀏覽也會(huì)自己加, 不如你主動(dòng)點(diǎn)