学习笔记(71):HTML+CSS+JavaScript基础-HTML&CSS基础表格简介
作者:互联网
立即学习:https://edu.csdn.net/course/play/10459/227984?utm_source=blogtoedu
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<!-- 表格在日常生活中使用非常多,excel就是专门用来创建表格的工具
在网页中也可以创建不同的表格
-->
<!-- 在HTML中使用table来创建表格 -->
<table border="1" width="60%" align="center">
<!-- 在table标签中使用tr标签来表示一行,有几行就有几个tr -->
<tr>
<!-- 在tr标签中需要使用td来创建一个单元格,有几个单元格就有几个td -->
<td>a1</td>
<td>a2</td>
<td>a3</td>
<td>a4</td>
</tr>
<tr>
<!-- 在tr标签中需要使用td来创建一个单元格,有几个单元格就有几个td -->
<td>b1</td>
<td>b2</td>
<td>b3</td>
<!-- rowspan:纵向合并单元格-->
<td rowspan="2">b4</td>
</tr>
<tr>
<!-- 在tr标签中需要使用td来创建一个单元格,有几个单元格就有几个td -->
<td>c1</td>
<td>c2</td>
<td>c3</td>
</tr>
<tr>
<!-- 在tr标签中需要使用td来创建一个单元格,有几个单元格就有几个td -->
<td>d1</td>
<td>d2</td>
<!-- colspan:横向合并单元格 -->
<td colspan="2">d3</td>
</tr>
</table>
</body>
</html>
标签:表格,JavaScript,b4,course,HTML,CSS 来源: https://blog.csdn.net/qq_35724512/article/details/100359225