网页设计作业

目录

《花之语》作业一

效果展示：

代码如下：

背景颜色：

居中：

去掉下划线：

添加下划线：

字体颜色：

图片靠左：

水平线：

无序列表：

有序列表：

 a标签：

 img标签：

 《欢迎光临我的主页》作业二

效果展示：

代码如下：

 框：

---

《花之语》作业一

效果展示：

代码如下：

    
    
    


花之语
  

鲜花礼品
自助订花
绿色植物
花之物语
会员中心
联系我们


      

    
花的语言
    
    
花语是各国、各民族根据各种植物，尤其是花卉的特点、习性和传说典故，赋予的各种不同的人性化象征意义。是指人们用花来表达人的语言，表达人的某种感情与愿望，在一定的历史条件下逐渐约定俗成的，为一定范围人群所公认的信息交流形式。赏花要懂花语，花语构成花卉文化的核心，在花卉交流中，花语虽无声，但此时无声胜有声，其中的涵义和情感表达甚于言语。
    
花语是指人们用花来表达人的语言，表达人的某种感情与愿望，在一定的历史条件下逐渐约定形成的，为一定范围人群所公认的信息交流形式。赏花要懂花语，花语构成花卉文化的核心，在花卉交流中，花语虽无声，但此时无声胜有声，其中的涵义和情感表达甚于言语。不能因为想表达自己的一番心意而在未了解花语时就乱送别人鲜花，结果只会引来别人的误会。
    
花语最早起源于古希腊，那个时候不止是花，叶子、果树都有一定的含义。在希腊神话里记载过爱神出生时创造了玫瑰的故事，玫瑰从那个时代起就成为了爱情的代名词。花语在19世纪初 花语起源于法国，随即流行到英国与美国，是由一些作家所创造出来，主要用来出版礼物书籍，特别是提供给当时上流社会女士们休闲时翻阅之用。
    
真正花语盛行是在法国皇室时期，贵族们将民间对于花卉的资料整理编档，里面就包括了花语的信息，这样的信息在宫廷后期的园林建筑中得到了完美的体现。大众对于花语的接受是在19世纪中，那个时候的社会风气还不是十分开放，在大庭广众下表达爱意是难为情的事情，所以恋人间赠送的花卉就成为了爱情的信使。 
    
随着时代的发展，花卉成为了社交的一种赠与品，更加完善的花语代表了赠送者的意图。
  


鲜花导购

玫瑰花
郁金香
太阳花
康乃馨
马蹄莲
扶郎
剑兰
1班马文博

背景颜色：

 background-color:#ffe4e6(颜色);

居中：

text-align:center;

去掉下划线：

text-decoration: none;

添加下划线：

text-decoration: underline;

字体颜色：

color: #99344e(颜色);

图片靠左：

img{
        float:left;
    }

水平线：

---

无序列表：

       

• 内容

        

• 内容

有序列表：

       

1. 内容

        

2. 内容

 a标签：

 img标签：

 《欢迎光临我的主页》作业二

效果展示：

代码如下：

HTML：

//HTML




    
    
    


    
欢迎光临我的主页



我的爱好|
我的家乡|
我的日志|
我的相册|
请你留言



我的家乡-重庆
 

       
走出重庆江北机场，处于亚热带季风性湿润气候带的重庆，用她的温暖和湿润，将参加“魅力重庆网上行”采访活动的我迎入了她的怀抱。


这是立体感极强的城市。从渝北区到渝中区这段车行中，汽车一直穿行在不同的坡道上。沿途所见，是应接不暇的错落景观：巍峨的高山间，拔起一座座现代楼宇；点缀其中的，是枝繁叶茂的黃桷树在迎风昂首；而不经意间，嘉陵江就映入眼帘，这条流淌千年的河流，纵流1119公里，于此注入长江。车未到目的地，我已经开始喜欢这座城市的美了。
 


夜幕降临的重庆城区，万家灯火与水色天光交相辉映，璨若星河。美景引人入胜，也许重庆八年来的成就，就藏在她的身后，等待我们去亲历，去发现，去体验。
 
我的爱好：

    
画画
    
打篮球
    
游泳


我的日志:
 

    
军训感言
    
大学生活
    
工作体会

我的相册:








 

CSS：

//css
h1{
background-color:orange;
text-align:center;
}
a{
    text-decoration: underline;
    color: orange;
}
.div-1{
    text-align : center;
}
.p1{
 text-decoration: underline;     
}
.p3{
 text-decoration: underline;     
}
.div-2{
    border: 1px black dotted;
}
body {
    background-color: grey;
}

 框：

border:1px(粗细) black(颜色) dotted(虚线);

border:1px(粗细) black(颜色) solid(实线);

width: 300px;(自定义宽度)

height:400px;(自定义高度)