制作一个简单HTML个人网页网页(HTML+CSS)

一个简单的HTML网页,这是我大学的一个期末作业,照片都是网上找的

看一下成品图

 制作一个简单HTML个人网页网页(HTML+CSS)_第1张图片

制作一个简单HTML个人网页网页(HTML+CSS)_第2张图片

 主页代码,这里的是引入css样的,images里面装的是css文件





我的驿站






我的个人简介。

姓名:lz

性别:男

生日:0809

学校:某某大学

爱好:摄影,乒乓球,学习,王者荣耀

你看——

好吧,我承认我兴趣广泛。

包括吃喝玩乐睡。

当然还有一些低调奢华有内涵的部分了。

什么没事捧着我的小单反出去摄摄影啦。

闲的无聊用手捣鼓两下我的小钢琴啦。

什么吉他,竹笛,那都不在话下。嘿嘿。

是不是很崇拜我啊。

恩。。。我的朋友很多。但是敌人也很多。

综上所述要想更多地了解我,就来看看我的小世界吧。

 

我的偶像





我的驿站






我的偶像----周杰伦

周杰伦(Jay Chou),1979年1月18日出生于台湾省新北市,中国台湾流行乐男歌手、音乐人、演员、导演、编剧、监制、商人。

2000年发行首张个人专辑《Jay》。2001年发行的专辑《范特西》奠定其融合中西方音乐的风格。2002年举行“The One”世界巡回演唱会。2003年成为美国《时代周刊》封面人物。2004年获得世界音乐大奖中国区最畅销艺人奖。2005年凭借动作片《头文字D》获得台湾电影金马奖、香港电影金像奖最佳新人奖。2006年起连续三年获得世界音乐大奖中国区最畅销艺人奖。2007年自编自导的文艺片《不能说的秘密》获得台湾电影金马奖年度台湾杰出电影奖。

2008年凭借歌曲《青花瓷》获得第19届金曲奖最佳作曲人奖。2009年入选美国CNN评出的“25位亚洲最具影响力的人物”;同年凭借专辑《魔杰座》获得第20届金曲奖最佳国语男歌手奖。2010年入选美国《Fast Company》评出的“全球百大创意人物” 。2011年凭借专辑《跨时代》再度获得金曲奖最佳国语男歌手奖,并且第4次获得金曲奖最佳国语专辑奖;同年主演好莱坞电影《青蜂侠》。2012年登福布斯中国名人榜榜首。2014年发行华语乐坛首张数字音乐专辑《哎呦,不错哦》。2018年举行“地表最强2世界巡回演唱会”。

演艺事业外,他还涉足商业、设计等领域。2007年成立杰威尔有限公司。2011年担任华硕笔电设计师并入股香港文化传信集团。

周杰伦热心公益慈善,多次向中国内地灾区捐款捐物。2008年捐款援建希望小学。2014年担任中国禁毒宣传形象大使。

 
 

我的相册





我的驿站






我的相册
     
 
 

我的日志





我的驿站






致一些被遗失了的自己。

  其实,我喜欢上学,只是不喜欢上课,怀念那些曾经一起闹,一起笑的时光。



 好朋友不需要太多,两个就够了,一个肯把钱借给你,当他向你要债时,另一个肯把他打死。

 

 生活坏到一定程度就会好起来,因为他无法更坏。努力过后,才知道许多事情,坚持坚持,就过来了——

 


 别在喜悦时承诺,别在悲伤时回答,别在愤怒时决定。
 




 
 

我的音乐





我的驿站






我的音乐

  引

我与音乐

我和我的钢琴是最好的伙伴。

没有家人陪伴的日子,我用手指在琴键上敲出一个个充满温暖的琴音。

我也爱流行。

五月天,是我最有力的精神后盾。

我其实喜欢他们歌里的文字与倔强。

没有风的日子里,我凝视幸福。

放声歌唱。

世界突然变得 那么静、那么静、那么美。

人之所以为人,是因为——

他会爱。

所以我鲜活着。

我爱我的音乐。

爱我的生活。

爱我所钟爱的 一切一切。


 
 
 

css样式

@charset "utf-8";
body {
	background-image: url(254844.jpg);
	font-family: "宋体";
	font-size: 12px;
	line-height: 25px;
	color: #333;
}
.nav {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #738CAA;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}
.main {
	background-image: url(bj.png);
	color: #000;
}
a {
	font-size: 14px;
	font-family: "微软雅黑";
}
a:link {
	color: #333;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #333;
}
a:hover {
	text-decoration: none;
	color: #FFF;
}
a:active {
	text-decoration: none;
	color: #333;
}
.title {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #200F15;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #200F15;
	padding-left: 10px;
	color: #AD5A5A;
}

图片的话,可以根据自己的喜好自己添加哦。

链接:https://pan.baidu.com/s/1Iz4_2gQvDgjn2do6SXzHNg 
提取码:lzlz

,网页放在百度网盘了,需要可以自提哦,记得给博主点赞哦

你可能感兴趣的:(前端,html,前端,网页设计,css)