表格不重要要素

HTML表格标签

	<main>
		<p>
				1. <table border="1"></table>  有边框
				2. <caption></caption>         用于定义表格的标题
				3. <tfoot></tfoot>             用于定义表格注脚
			b. 属性
				4. "cellpallingd" 单元格边距
				5. "cellspacing"  单元格间距
				6. 边框合并模型 属性 "border-collapse" 属性值 collapse separate 
				7. "rowspan" 单元格可横跨的行数
				8. "colspan" 单元格可纵跨的行数
		</p>
	</main>

<table border="1" cellspacing="0" cellpadding="16" style="border-collapse: collapse;">
			<caption>demo</caption>
			<thead>
				<tr>
					<th>嵌套段落</th>
					<th>嵌套列表</th>
					<th>嵌套图片</th>
					<th>禁止套娃</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td align="right">
						<p>p1</p>
						<p>p2</p>
						<p>p3</p>
					</td>
					<td>
						<ul>加油</ul>
						<ul>带薪划水</ul>
					</td>
					<td>
						<img src="https://csdnimg.cn/cdn/content-toolbar/csdn-logo.png?v=20200416.1" />
					</td>
					<td>
						<table border="1" cellspacing="0" cellpadding="16" style="border-collapse: collapse;">
							<caption>demo</caption>
							<tr>
								<td rowspan="2" bgcolor="#138496">嵌套段落</td>
								<td>嵌套列表</td>
							</tr>
							<tr>
								<td>嵌套图片</td>
								<td>禁止套娃</td>
							</tr>
						</table>
					</td>
				</tr>
			</tbody>
		</table>

demo

嵌套段落	嵌套列表	嵌套图片	禁止套娃
p1 p2 p3	加油 带薪划水		demo 嵌套段落 嵌套列表 嵌套图片 禁止套娃