购物网站首页(类淘宝)

最新推荐文章于 2022-08-27 15:10:01 发布

SHI_LUO_DE_YI_JI

最新推荐文章于 2022-08-27 15:10:01 发布

阅读量830

点赞数 1

分类专栏： table基础基础文章标签： html

本文链接：https://blog.csdn.net/SHI_LUO_DE_YI_JI/article/details/108464878

版权

基础同时被 2 个专栏收录

9 篇文章 0 订阅

订阅专栏

table基础

1 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<!--1.创建一个4行一列的表格-->
		<table width="100%">
			<tr>
				<td>
				<!--2.第一部份: L0G0部分:嵌套-个一行三列的表格-->
					<table width="100%">
						<tr>
							<td><img src="../图9.png"/></td>
							<td><img src="../图10.png"/></td>
							<td><img src="../图11.png"/></td>
						</tr>
					</table>
				</td>
			</tr>
			<tr bgcolor="red">
				<td>
				<!--3.第二部分:导航栏部分:放置6个超链接-->
					<table width="100%">
						<tr>
							<td><a href="a" ><font color="white">新款连衣裙</a></td>
							<td><a href="a" ><font color="white">四件套</a></td>
							<td><a href="a" ><font color="white">潮流T恤</a></td>
							<td><a href="a" ><font color="white">时尚女鞋</a></td>
							<td><a href="a" ><font color="white">短裤</a></td>
							<td><a href="a" ><font color="white">半身裙</a></td>
							<td><a href="a" ><font color="white">男士外套</a></td>
						</tr>
					</table>
				</td>
			</tr>
			<tr>
				<td>
				<!--4.第三部分:嵌套一个4行5列表格-->
					<table width="100%" height="500px" border="1px">
						<tr align="center">
							<td rowspan="2">
								<img src="QQ图片20200908110030.png" width="100%"/>
								<p>哈哈</p>
								<p>999</p>
							</td>
							<td colspan="2" height="340px">
								<img src="图2.png"/ width="100%" height="100%"/>
								<p>哈哈</p>
								<p>999</p>
							</td>
							<td>
								<img src="图3.png"/>
								<p>哈哈</p>
								<p>999</p>
							</td>
							<td>
								<img src="图3.png"/>
								<p>哈哈</p>
								<p>999</p>
							</td>
						</tr>
						<tr align="center">
							
							<td>
								<img src="图3.png"/>
								<p>哈哈</p>
								<p>999</p>
							</td>
							<td>
								<img src="图3.png"/>
								<p>哈哈</p>
								<p>999</p>
							</td>
							<td>
								<img src="图3.png"/>
								<p>哈哈</p>
								<p>999</p>
							</td>
							<td>
								<img src="图3.png"/>
								<p>哈哈</p>
								<p>999</p>
							</td>
						</tr>
						<tr align="center">
							<td>
								<img src="图3.png"/>
								<p>哈哈</p>
								<p>999</p>
							</td>
							<td><img src="图3.png"/>
								<p>哈哈</p>
								<p>999</p></td>
							<td><img src="图3.png"/>
								<p>哈哈</p>
								<p>999</p></td>
							<td><img src="图3.png"/>
								<p>哈哈</p>
								<p>999</p></td>
							<td><img src="图3.png"/>
								<p>哈哈</p>
								<p>999</p></td>
						</tr>
						<tr align="center">
							<td><img src="图3.png"/>
								<p>哈哈</p>
								<p>999</p></td>
							<td><img src="图3.png"/>
								<p>哈哈</p>
								<p>999</p></td>
							<td><img src="图3.png"/>
								<p>哈哈</p>
								<p>999</p></td>
							<td><img src="图3.png"/>
								<p>哈哈</p>
								<p>999</p></td>
							<td><img src="图3.png"/>
								<p>哈哈</p>
								<p>999</p></td>
						</tr>
					</table>
				</td>
			</tr>
			<!--5.第四部分：放图片-->
			<tr>
				<td>
					<img src="QQ图片20200904234812.png" width="100%" />
				</td>
			</tr>
			<!--6.第五部分:放一堆超链接-->
			<tr align="center">
				<td>
					<a href="a">居家拖鞋</a>
					<a href="a">窗帘门帘</a>
					<a href="a">抱枕坐垫 地</a>
					<a href="a"> 地毯地垫</a>
					<a href="a">毛巾浴袍</a>
					<a href="a">餐桌布艺</a>
					<a href="a">防尘保护罩</a>
					<a href="a"> 缝纫用品</a>
					<p><font color="red">1356神龙工作室</p>
				</td>
			</tr>
		</table>
		</br>
	</body>
</html>

在这里插入图片描述

SHI_LUO_DE_YI_JI

关注

1
点赞
踩
19

收藏

觉得还不错? 一键收藏
0
评论
购物网站首页(类淘宝)

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body>  <table width="100%"> <tr> <td> <!--2.第一部份: L0G0部分:嵌套-个
复制链接

扫一扫