爱收集资源网

大学生A+水平作业,可满足大学生网页大作业网页设计需求

网络整理 2022-04-21 01:02

简单的个人博客(2页)网页前端课程设计

常见的网页设计作业包括个人、食品、公司、学校、旅游、电商、宠物、电器、茶叶、家居、酒店、舞蹈、动漫、名人、服装、运动、化妆品、物流、环保、书籍、婚礼、军事、游戏、节日、戒烟、电影、摄影、文化、家乡、鲜花、礼品、汽车等网页设计主题微笑qq技术博客,A+级作业,可以满足大学生网页设计的需求,如果喜欢就下载吧!

文章目录

一、作品

二、文件目录

三、代码实现


DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
	<title>博客世界title>
	<link rel="stylesheet" href="css/style.css" />
head>
<body>
	<div class="banner">
		<img src="images/banner.gif">
	div>
	<div class="nav">
		<ul>
			<li><a href="#">首页a>li>
			<li><a href="#">日志a>li>
			<li><a href="#">相册a>li>
			<li><a href="#">留言板a>li>
			<li><a href="#">关于我a>li>
		ul>
		<div class="search">
			<p>站内搜索p>
			<input type="text" class="input1" />
			<input type="button" value="搜索" class="input2">
		div>			
	div>	
	<div class="main">
		<div class="guanyu">
			<div class="title">>>关于我div>
			<div class="renwu">
				<img src="images/renwu.jpg">
			div>
			<div class="mingzi">
				<img src="images/girl.gif">张梅
			div>
			<div class="dizhi">重庆市 南岸区div>
			<div class="jieshao">
				<p>
					天微明,冬天的光透过窗,印在左手的无名指上。 回忆的颜色是透明的冷,于是,用窗口透入的薄薄的光暖一暖心。
				p>
			div>
		div>
		<div class="main-right">
			<div class="rizhi">
				<div class="title">>>日志div>
				<ul>
					<li>
						<p><a href="wenzhang.html">IMAX加长版《变形金刚》(Transformers)亲历简报a>p>
						<span>2007-09-25span>
					li>
					<li>
						<p><a href="wenzhang.html">《变形金刚》发烧友的看图说话(多图)a>p>
						<span>2007-09-22 10:13span>
					li>
					<li>
						<p><a href="wenzhang.html">《反恐王国》(The Kingdom):生猛的空心弹a>p>
						<span>2007-09-22 08:03span>
					li>
					<li>
						<p><a href="wenzhang.html">《东方承诺》(Eastern Primises):不动如山,暗流汹涌a>p>
						<span>2007-09-20 11:07span>
					li>
					<li>
						<p><a href="wenzhang.html">《妖精的旋律》(Elfen Lied):日式YY的经典案例a>p>
						<span>2007-09-20 10:44span>
					li>				
				ul>
			div>
			<div class="xiangce">
				<div class="title">>>相册div>
				<img src="images/1.jpg">
				<img src="images/2.jpg">
				<img src="images/3.jpg">
			div>
		div>
	div>
	<div class="footer">
		<p>BLOG公司版权所有 1997-2010p>
	div>
body>
html>

四、获取更多源代码

~关注我微笑qq技术博客,点赞博文~每天为你带来知识!

相关问题可以互相学习,可以关注↓公众号获取更多源码

网页设计 大学生 源码