HTML中的常用标签及属性(表格)

原创 2019-01-17 21:24:00 412
摘要:<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=t, initial-scale=1.0"><meta htt

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=t, initial-scale=1.0">

<meta http-equiv="X-UA-Compatible" content="ie=edge">

<title>

HTML中的常用标签及属性(表格)

</title>

<style>

*{mar:0px;padding:0px}

table{border:1px solid #ccc; border-collapse:collapse;}

tr td{height:60px;border:1px solid#ccc;wihdth:100px}

tr{height:60px;border:1px solid#ccc;wihdth:100px}

tr th{height:60px;border:1px solid#ccc;wihdth:100px  }

</style>

</head>

<body>

<table>

<tr>

<th>1</th>

<th>2</th>

<th>3</th>

<th>4</th>

<th>5</th>

<th>6</th>

</tr>      

<tr>

<td >表头1</td>

<td> 表头1</td>

<td> 表头1</td>

<td> 表头1</td>

<td> 表头1</td>

<td> 表头1</td>

</tr>

<tr>

<td> 表头2</td>

<td> 表头2</td>

<td> 表头2</td>

<td> 表头2</td>

<td> 表头2</td>

<td> 表头2</td>


</tr>

<tr>

<td colspan="6">合并列</td>

</tr>

<tr>

<td rowspan="2">合并行</td>

<td> 表头2</td>

<td> 表头2</td>

<td> 表头2</td>

<td> 表头2</td>

<td> 表头2</td>

</tr>

<tr>

<td> 表头2</td>

<td> 表头2</td>

<td> 表头2</td>

<td> 表头2</td>

<td> 表头2</td>

</tr>

</table>

</body>

</html>

批改老师:韦小宝批改时间:2019-01-18 09:17:56
老师总结:写的很不错 很完整 表格中常用的标签页就这么几个 样式也基本上是差不多的 课后多练习哦

发布手记

热门词条