用table进行网页的布局

最新推荐文章于 2023-07-11 12:40:37 发布

VIP文章 apple w

最新推荐文章于 2023-07-11 12:40:37 发布

阅读量4k

点赞数 2

分类专栏：前端基本知识

本文链接：https://blog.csdn.net/beststudent_/article/details/91480540

版权

<!DOCTYPE html>
<html>
<head>
		<meta charset="utf-8" />
		<title>table首页布局</title>
	</head>
	<body>
		<table width="100%">
			<tr>
				<td>
					<table width="100%">
						<tr>
							<td>
								<img src="img/logo2.png" />
							</td>
							<td>
								<img src="img/header.jpg" />
							</td>
							<td>
								<a href="#">登录</a>
							</td>
						</tr>
					</table>
				</td>
			</tr>
			<tr bgcolor="black" height="60px">
				<td>
					<a href="#"><font color="white">首页</font></a>     <a href="#"><font color="white">手机数码</font></a>               <a href="#"><font color="white">电脑办公</font></a>      <a href="#"><font color="white">其他</font></a>	
				</td>
			</tr>
			<tr>
			<td>
				<img src="img/1.jpg" width="100%"/>
			</td>	
			</tr>
			<tr>
				<td>
					<table width="100%">
						<tr>
							<td  colspan="7">
								<h2>最新商品<img src="img/title2.jpg"/></h2>
							</td>
							
						</tr>
						<tr>
							<td rowspan="2">
								<img src="img/big01.jpg"width="480

最低0.47元/天解锁文章

优惠劵

apple w

关注关注

2
点赞
踩
6

收藏

觉得还不错? 一键收藏
0
评论
用table进行网页的布局

<!DOCTYPE html><html><head> <meta charset="utf-8" /> <title>table首页布局</title> </head> <body> <table width="100%"> <tr> &lt...
复制链接

扫一扫