html期末大作业个人空间个人主页个人介绍主题源码0016

最新推荐文章于 2024-07-07 14:11:11 发布

老学长毕业设计辅导

最新推荐文章于 2024-07-07 14:11:11 发布

阅读量535

点赞数

分类专栏： html网页作品文章标签： html css 前端

本文链接：https://blog.csdn.net/m0_37916936/article/details/124638265

版权

html网页作品专栏收录该内容

198 篇文章 15 订阅

订阅专栏

项目演示：

html个人主页个人空间个人介绍网站源码（获取地址见简介）

部分代码展示：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>欢迎界面 | 首页</title>
		<link rel="stylesheet" href="css/base.css" />
		<link rel="stylesheet" href="css/welcome.css" />
	</head>
	<body>
		<div id="first">
			<a href="index.html">
				<img src="img/logo.png">
			</a>
		</div>
		<div id="second">
			<div class="content">
				<div class="view1">
					<a href="html/index.html">
						<img src="img/hh.jpg">
					</a>
				</div>
				<div class="view2">
					<a href="html/index.html">
						<p>&nbsp;进&nbsp;入&nbsp;空&nbsp;间&nbsp;</p>
					</a>
				</div>
				<br>
				<div class="view2">
					<a href="html/login.html">
						<p>&nbsp;登&nbsp;录&nbsp;</p>
					</a>
				</div>
				<br>
				<div class="view2">
					<a href="html/reg.html">
						<p>&nbsp;注&nbsp;册&nbsp;</p>
					</a>
				</div>
				
				<!--<div class="view3">
					<p>Hope you enjoy yourself here!</p>
				    <p>希望你喜欢这里！</p>
				</div>-->
			</div>
		</div>
		<div id="third">
			<div class="view">
				<div class="box">
				    <a href="html/index.html">
				    	<img src="img/box1.png" />
				    	<div class="hid">
				    		<h2>个人信息</h2>
				    		<p>你就是你，是颜色不一样的烟火；<br />
				    		天空海阔，要做最坚强的泡沫。</p>
				    	</div>
				    </a>
			    </div>
			    <div class="box">
				    <a href="html/interest.html">
				    	<img src="img/box4.png" />
				        <div class="hid">
				    	    <h2>兴趣爱好</h2>
				    	    <p>周末早晨、慵懒午后、百无聊赖,<br />
				    	          那就让兴趣充实自己，放空自己。</p>
				        </div>
				    </a>
			    </div>
			    <div class="box">
				    <a href="html/food.html">
				    	<img src="img/box3.png" />
				    	<div class="hid">
				    	    <h2>美食生活</h2>
				    	    <p>一顿美食能带来大大的满足，<br />
				    	          美食是幸福感的重要来源，唯有爱与美食不可辜负。</p>
				        </div>
				    </a>
			    </div>
			    <div class="box">
				    <a href="html/trip.html">
				    	<img src="img/box2.png" />
				    	<div class="hid">
				    	    <h2>背包旅行</h2>
				    	    <p>人生至少要有两次冲动，<br />
				    	           收起行囊，随时出发，来一场说走就走的旅行。</p>
				        </div>
				    </a>
			    </div>
			</div>
			
			<p class="last">欢迎来到vivian小陈的个人空间！</p>
		</div>
	</body>
</html>