HTML初实践--简易网页设计

HTML操作简单，容易上手，经过简单的基础学习就可以做出来美丽的网页啦！！！不过，要想做出来炫酷的页面，还需要努力呀！

第一部分：成品展示

第二部分代码实现：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>背景图片放置</title>
</head>
<body>
    <style>
        body{background:url(230.jpg) top left;
        background-size:100%;}
        </style>
        <h1 align="center">古诗鉴赏</h1>
        <hr color="ffe4b5">
        <font face="楷书" size="+7" color="#ff69b4">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;春 思<br></font>
        <blockquote><blockquote><blockquote>--李 白</blockquote></blockquote></blockquote>
       <h1><pre> 
                     燕草碧如丝，秦桑低绿枝。

                            当君还归日，是妾断肠时。

                                  春风不相识，何事入罗帷？
   </pre> </h1>
   <font face="黑体 " size="+2" color="#F4A460">&nbsp;&nbsp;&nbsp;&nbsp;【整体赏析】<br></font>
   <font size="4">&nbsp;&nbsp;&nbsp;&nbsp;这是一首描写思妇心绪的诗。开头两句以相隔遥远的燕秦春天景物起兴，写独处秦地的思妇触景生情，终日思念远在燕地卫戍的夫君，盼望他早日归来。三、四句由开头两句生发而来，继续写燕草方碧，夫君必定思归怀己，此时秦桑已低，妾已断肠，进一层表达了思妇之情。五、六两句，以春风掀动罗帏时，思妇的心理活动，来表现她对爱情坚贞不二的高尚情操。全诗以景寄情，委婉动人。
   <br> </font>
   <font face="黑体 " size="+2" color="#F4A460">&nbsp;&nbsp;&nbsp;&nbsp;【名家点评】<br></font>
   <font size="4">&nbsp;&nbsp;&nbsp;&nbsp;《分类补注李太白诗》：萧士赟注：“燕北地寒，生草迟。当秦地柔桑低绿之时，燕草方生，兴其夫方萌怀归之志，犹燕草之方生。妾则思君之久，犹秦桑之已低绿也。”又注：”燕草如丝，兴征夫怀归；秦桑低枝，兴思妇断肠。末句比喻此心贞洁，非外物所能动。此诗可谓得《国风》不淫不诽之体矣。
</font>


</body>
</html>

第三部分：知识点重现