静态网页—制作“人人网首页”页面

原创 已于 2022-04-21 13:38:46 修改
· 958 阅读 · 12 ·
版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#html #css

于 2022-03-01 14:07:23 首次发布
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>人人网</title>
</head>

<body>
<table width="960" border="0" align="center" cellpadding="0" cellspacing="0">
	<tr>
		<td width="166"><img src="images/logo.gif" /></td>
		<td align="right" bgcolor="#00CCFF"><a href="#">注册</a> <a href="#">登录</a> <a href="#">帮助</a> <a href="#">给我们提建议</a> <a href="#">更多</a></td>
	</tr>
</table>
<br />
<table width="960" border="0" align="center" cellpadding="0" cellspacing="0">
	<tr>
		<td width="229" valign="top">
			<table width="100%" border="0" cellspacing="0" cellpadding="0">
				<tr>
					<td><img src="images/login.gif" /></td>
				</tr>
				<tr>
					<td height="21"></td>
				</tr>
				<tr>
					<td><img src="images/find.gif" /></td>
				</tr>
				<tr>
					<td height="5"></td>
				</tr>
				<tr>
					<td><img src="images/mobile.gif" /></td>
				</tr>
				<tr>
					<td height="5"></td>
				</tr>
				<tr>
					<td><img src="images/download.gif" /></td>
				</tr>
			</table>
		</td>
		<td valign="top">&nbsp;</td>
		<td width="685" valign="top">
			<img src="images/zhongliang.jpg" /><br /><br />
			<table width="100%" border="0" cellspacing="0" cellpadding="0">
				<tr>
					<td valign="top">
						<h4>人人网是一个真实社交网络，加入她你可以:</h4>
						<ul>
							<li>联络朋友，了解他们的最新动态</li>
							<li>用照片和日志记录生活，展示自我</li>
							<li>和朋友分享相片、音乐和电影</li>
							<li>自由、安全地控制个人隐私</li>
							<li>找到老同学结识新朋友</li>
						</ul>
						<h4>我们每天都在快乐地进步着:</h4>
						<ul>
							<li>03月08日人人桌面2.5版：新增一键抢沙发</li>
							<li>03月07日2011女人节活动上线！</li>
							<li>03月04日人人餐厅添加全屏功能！</li>
						</ul>
					</td>
					<td width="256" valign="top">
						<table width="100%" border="0" cellspacing="0" cellpadding="5">
							<tr>
								<td bgcolor="#f0f5f8">上人人网 玩在一起，心在一起</td>
							</tr>
							<tr>
								<td align="center" bgcolor="#f0f5f8"><img src="images/video.gif" /></td>
							</tr>
							<tr>
								<td align="right" bgcolor="#f0f5f8"><a href="#">我要玩</a></td>
							</tr>
						</table>
					</td>
				</tr>
			</table>
		</td>
	</tr>
</table>
<br />
<table width="960" border="0" align="center" cellpadding="0" cellspacing="0">
	<tr>
		<td height="1" colspan="2" bgcolor="#cee0ec"></td>
	</tr>
	<tr>
		<td height="30">北京千橡网景科技发展有限公司：文网文[2009]169号</td>
		<td align="right">人人网 &copy; 2011 京ICP证090254号</td>
	</tr>
</table>
</body>
</html>

效果图片

学生DW静态网页设计——html+css+javascript+jquery+bootstarp马尔代夫旅游响应式网站
wx___BJ050106的博客
08-09 3999
👨‍🎓静态网站的编写主要是用 HTML DⅣV+ CSSJS等来完成页面的排版设计👩‍🎓，一般的网页作业需要融入以下知识点：div布局、浮动定位、高级css、表格、表单及验证、js轮播图、音频视频Fash的应用、uli、下拉导航栏、鼠标划过效果等知识点，学生网页作业源码，制作水平和原创度都适合学习或交作业用，记得点赞。 🏀 精彩专栏推荐👇🏻👇🏻👇🏻 💝 【作者主页——🔥获取更多优质源码】 💝 【web前端期末大作业——🔥🔥毕设项目精品实战案例(1000套)】🚀 旅游景......
html静态页面作业 我的家乡网站设计——我的家乡-杭州(7页) HTML+CSS+JavaScript 大学生家乡网页作品 老家网页设计作业模板 学生网页制作源代码下载
qq_524614081的博客
06-16 2552
HTML5期末大作业：我的家乡网站设计——我的家乡-杭州(7页) HTML+CSS+JavaScript 大学生家乡网页作品 老家网页设计作业模板 学生网页制作源代码下载 常见网页设计作业题材有 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他 等网页设计题目, A+水平作业, 可满足大学生网
人人网页制作人人网页制作人人网页制作人人网页制作人人网页制作
05-28
人人网页制作人人网页制作人人网页制作人人网页制作人人网页制作人人网页制作人人网页制作人人网页制作人人网页制作人人网页制作人人网页制作人人网页制作人人网页制作
人人网首页登录页面html码,仿人人网WordPress登陆注册界面
weixin_39550172的博客
06-04 7011
想知道通过钩子和css能把WordPress默认的登陆注册界面改成什么样，于是仿了一下人人网的注册界面，最后的成果如下图所。仿人人网WordPress登陆界面仿人人网WordPress注册界面可以定制化的部分顶部右侧的菜单：到wp后台->外观->菜单中创建一个新的菜单，将此菜单分配给位置WP Login Menu即可，支持两级下拉菜单注册表单右侧的图片文字可以通过HTML代码实现，很简...
人人网源代码
06-15
这是一个自编写的人人网源代码，希望会有帮助
注册人人网页面
nick988217的博客
02-06 8719
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>人人网注册页面</title> </head> <body> <!--人人网logo以及网站的介绍--> <header> &lt...
人人网注册页面特效
02-28
人人网注册页面特效，你可以学习一下！
html静态页面作业文化网站设计——餐饮文化(8页) HTML+CSS+JavaScript 学生DW网页设计美食文化
qq_524614081的博客
06-16 299
HTML5期末大作业：餐饮文化网站设计——餐饮文化(8页) HTML+CSS+JavaScript 学生DW网页设计美食文化 海鲜食品速冻 食材选址 作品介绍 1.网页作品简介 ：HTML期末大学生网页设计作业 A+水平 ,喜欢的可以下载，文章页支持手机PC响应式布局。 2.网页作品编辑：作品下载后可使用任意HTML编辑软件（如：DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm、 Notepad++ 等任意HTML软件编辑修改网页）。 3.网页作品技术：Div+
html制作唯品会登陆页面,login.html
weixin_34238178的博客
06-07 2244
唯品会登陆* {padding: 0;margin: 0;}a {text-decoration: none;color: #666;}body {font-size: 12px;font-family: tahoma, arial, Hiragino Sans GB, WenQuanYi Micro Hei;color: #666666;}.vip {width: 1000px;margin: ...
人人影视（电影静态页）
04-01
电影静态页，是指将电影的相关信息以静态网页的形式呈现，这种页面不涉及动态数据交互，通常是为了提高页面加载速度和降低服务器压力。 电影静态页的设计和构建通常包含以下几个关键知识点： 1. **HTML与CSS**：...
人人网登陆页面
05-13
使用web 中的div+css开发的人人网的登陆页面，几乎完全一样
023集-制作注册页面
10-24
023集-制作注册页面视频教程，真心不错哦。
新手入门案例 HTML表单之人人网
03-22
新手入门案例 HTML表单之人人网
简单的仿人人网登录页面控件
09-20
参考人人网登录界面，用div画的很简单，css也是基本的样式。
html注册页面代码
07-31
html实例，一个简单的注册页面，，，，，，，，，，，，，，，，，，
html第三章练习5：人人网注册页面完善版
weixin_48131445的博客
05-12 3088
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>人人网.
html和css制作人人网注册界面
最新发布
thels_的博客
10-27 1018
【代码】html和css制作人人网注册界面。
人人网注册页（表格表单）
ZZ0210的博客
08-31 673
img src="./人人网注册页/image/renren_titile.gif" alt="">女性别：男。电子邮箱：设置密码：真实姓名：
练习：人人网注册页面
热门推荐
u012273935的专栏
12-14 1万+
Document 10秒找到你所有的好友 已有人人网账号,注册
实现好友买卖弹出效果的仿人人开心网代码
根据提供的文件信息，我们可以提取出几个关键词来构建知识点：仿人人网、开心网、弹出框、好友买卖、源码、工具、图像资源文件、HTML页面。下面将详细说明这些关键词所包含的知识点。 ### 仿人人、开心网弹出框 ...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

‭JavaWeb

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值