一个简单的网页设计HTML5作业

前言：

HTML5是Web中核心语言HTML的规范，用户使用任何手段进行网页浏览时看到的内容原本都是HTML格式的，在浏览器中通过一些技术处理将其转换成为了可识别的信息。HTML5在从前HTML4.01的基础上进行了一定的改进，虽然技术人员在开发过程中可能不会将这些新技术投入应用，但是对于该种技术的新特性，网站开发技术人员是必须要有所了解的。

一直走在路上

设计要求：

（1）网站页面数量不少于4个，文件命名规范，网站结构要求层次清楚，目录结构清晰，代码缩进规整。（4分）

（2）采用HTML结构标记（或div标记）+CSS进行整体布局定位。（5分）

（3）网站首页栏目数量不能少于3个，各栏目要能正确链接到相应栏目子页面，同时各栏目页面也能正确返回到网站首页。（3分）

（4）网站页面标题、图片图标等要符合网站主题。（2分）

（5）网站页面中要有列表。（2分）

（6）网站页面中要含有表单（form）。（3分）

（7）网站内容应具有原创性，内容充实。（7分）

（8）网站整体色系符合视觉习惯，布局合理美观。（4分）

首页.html：

此次我设计的页面为古诗词页面，含有标题，古诗词，推荐作者，@baidu4块内容

 

    
        
            
                
                
                
            
        
    
    
        

            

                

                    古诗词大全
                
            
            

                

                    

                    

                        推荐作者
                        

                        

                        

                    
                    

                        
                        
                        
                    
                    

                        
                        
                    
                
                

                    

                    

                        古诗词
                    
                    

                    

                        
                            将进酒
                        
                        

                            [作者]李白 [朝代]唐
                            

                            君不见黄河之水天上来，奔流到海不复回。
                            

                            君不见高堂明镜悲白发，朝如青丝暮成雪。
                            

                            ......
                            

                        
                    
                    

                        
                            沁园春·长沙
                        
                        

                            [作者]毛泽东
                            

                            独立寒秋，湘江北去，橘子洲头。
                            

                            看万山红遍，层林尽染；漫江碧透，百舸争流。
                            

                            ......
                            

                        
                    
                    

                        
                            沁园春·雪
                        
                        

                            [作者]毛泽东
                            

                            北国风光，千里冰封，万里雪飘。
                            

                            望长城内外，惟余莽莽；大河上下，顿失滔滔。
                            

                            ......
                            

                        
                    
                    

                        
                            送元二使安西
                        
                        

                            [作者]王维 [朝代]唐
                            

                            渭城朝雨浥轻尘，客舍青青柳色新。
                            

                            劝君更尽一杯酒，西出阳关无故人。
                            

                        
                    
                
            
            

                

                    © Baidu
                    
                        使用百度前必读
                    
                    
                        百度首页
                    
                    
                        站内搜索
                    
                    
                        问题反馈
                    
                
            
        
    

分页.html：

    
        
            
                
            
        
        
    
    
        

            

                
                    首页 |
                
                
                    将进酒 |
                
                
                    沁园春·长沙 |
                
                
                    沁园春·雪
                
                

                
                    附页
                
            
            

            
                

                    

                        将进酒
                    
                    

                        君不见黄河之水天上来，奔流到海不复回。
                    
                    

                        君不见高堂明镜悲白发，朝如青丝暮成雪。
                    
                    

                        人生得意须尽欢，莫使金樽空对月。
                    
                    

                        天生我材必有用，千金散尽还复来。
                    
                    

                        烹羊宰牛且为乐，会须一饮三百杯。
                    
                    

                        岑夫子，丹丘生，将进酒，杯莫停。
                    
                    

                        与君歌一曲，请君为我倾耳听。
                    
                    

                        钟鼓馔玉不足贵，但愿长醉不愿醒。
                    
                    

                        陈王昔时宴平乐，斗酒十千恣欢谑。
                    
                    

                        主人何为言少钱，径须沽取对君酌。
                    
                    

                        五花马、千金裘，呼儿将出换美酒，与尔同销万古愁。
                    
                
            
        
        

        

            

                1.岑夫子:人名
            
            

                2.丹丘生:人名
            
        
    

 

    
        
            
                
            
        
        
    
    
        

            

                
                    首页 |
                
                
                    将进酒 |
                
                
                    沁园春·长沙 |
                
                
                    沁园春·雪
                
                

                
                    附页
                
            
            

            
                

                    

                        沁园春·长沙
                    
                    

                        独立寒秋，湘江北去，橘子洲头。
                    
                    

                        看万山红遍，层林尽染；漫江碧透，百舸争流。
                    
                    

                        鹰击长空，鱼翔浅底，万类霜天竞自由。
                    
                    

                        怅寥廓，问苍茫大地，谁主沉浮？
                    
                    

                        携来百侣曾游，忆往昔峥嵘岁月稠。
                    
                    

                        恰同学少年，风华正茂；书生意气，挥斥方遒。
                    
                    

                        指点江山，激扬文字，粪土当年万户侯。
                    
                    

                        曾记否，到中流击水，浪遏飞舟？
                    
                
            
        
        

        

            

                1.浪遏飞舟:
            
            

                2.万户侯:古代官职
            
        
    

 

    
        
            
                
            
        
        
    
    
        

            

                
                    首页 |
                
                
                    将进酒 |
                
                
                    沁园春·长沙 |
                
                
                    沁园春·雪
                
                

                
                    附页
                
            
            

            
                

                    

                        沁园春·雪
                    
                    

                        北国风光，千里冰封，万里雪飘。
                    
                    

                        望长城内外，惟余莽莽；大河上下，顿失滔滔。
                    
                    

                        山舞银蛇，原驰蜡象，欲与天公试比高。
                    
                    

                        须晴日，看红装素裹，分外妖娆。
                    
                    

                        江山如此多娇，引无数英雄竞折腰。
                    
                    

                        惜秦皇汉武，略输文采；唐宗宋祖，稍逊风骚。
                    
                    

                        

                            俱往矣，数风流人物，还看今朝。
                        
                    

                
            
        
        

        

            

                1.今朝:
            
            

                2.唐宗宋祖:皇帝
            
        
    

 

 

    
        
            
                
            
        
        
    
    
        

            

                

                    
                        首页 |
                    
                    
                        将进酒 |
                    
                    
                        沁园春·长沙 |
                    
                    
                        沁园春·雪
                    
                    

                    
                        附页
                    
                
                

            
            

            

                诗词，
是指以古体诗、近体诗和格律词为代表的中国古代传统诗歌。亦是汉字文化圈的特色之一。
            
            

                古诗词考试频率：
            
            

                

                    唐:
                
                

                    

                        锦瑟【李商隐】
                    
                    

                        登高【杜甫】
                    
                    

                        雁门太守行【李贺】
                    
                
                

                    宋:
                
                

                    

                        念奴娇·赤壁怀古【苏轼】
                    
                    

                        永遇乐·京口北固亭怀古【辛弃疾】
                    
                
                

                

                    

                        
                        

                            古诗词
                        
                        

                            近五年考试频率
                        
                    
                    

                        

                            念奴娇·赤壁怀古【苏轼】
                        
                        

                            4.3星
                        
                    
                    

                        

                            登高【杜甫】
                        
                        

                            3.2星
                        
                    
                
                

                

                    

                        2023高考押题:
                    
                

                

                    

                        昵称:
                    
                    
                

                

                    

                        古诗词选择:
                    
                    
                        
                            锦瑟【李商隐】
                        
                        
                            念奴娇·赤壁怀古【苏轼】
                        
                        
                            登高【杜甫】
                        
                    
                    
                    

                        

                            考试几率:
                        
                        
                            
                                30%
                            
                        
                        
                            
                                50%
                            
                        
                        
                            
                                70%
                            
                        
                        
                            
                                90%
                            
                        
                    
                

                

                    考试心得:
                
                                
                

                    
                        我已阅读信息并确认无误
                    
                
                

                    
                        
                        
                    
                
            
        
    

style.css

.exp {
    text-align: left;
}
* {
    margin: 0;
    padding: 0;
}
body {
    font-family: 微软雅黑;
    font-size: 15px;
}
#con {
    margin: 0 auto;
    width: 1000px;
    height: 1500px;
}
#a {
    height: 100px;
    margin-bottom: 10px;
    background: #f2f2f2;
    text-align: center;
    font-size: 25px;
    line-height: 100px;
}
#b {
    margin-bottom: 10px;
    height: 500px;
}
#d {
    float: right;
    width: 390px;
    height: 500px;
    background: white;
    border: 2px solid #eeeeee;
}
#f {
    float: left;
    width: 600px;
    height: 500px;
    background: white;
    border: 2px solid #eeeeee;
}
#c {
    height: 150px;
    background: #f2f2f2;
}
p {
    font-size: 10px;
}
hr {
    color: #f2f2f2;
    background: #f2f2f2;
    height: 1px;
}
#copyright {
    text-align: center;
}

结语：

上述内容就是此次html作业的全部内容了，感谢大家的支持，由于初次学习html相信在很多方面存在着不足乃至错误，希望可以得到大家的指正。‍(ง •_•)ง