制作一个简单HTML个人网页网页（HTML+CSS）

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

看一下成品图

 主页代码，这里的 是引入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(.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; } 

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

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