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"> 春 思<br></font>
<blockquote><blockquote><blockquote>--李 白</blockquote></blockquote></blockquote>
<h1><pre>
燕草碧如丝，秦桑低绿枝。
当君还归日，是妾断肠时。
春风不相识，何事入罗帷？
</pre> </h1>
<font face="黑体 " size="+2" color="#F4A460"> 【整体赏析】<br></font>
<font size="4"> 这是一首描写思妇心绪的诗。开头两句以相隔遥远的燕秦春天景物起兴，写独处秦地的思妇触景生情，终日思念远在燕地卫戍的夫君，盼望他早日归来。三、四句由开头两句生发而来，继续写燕草方碧，夫君必定思归怀己，此时秦桑已低，妾已断肠，进一层表达了思妇之情。五、六两句，以春风掀动罗帏时，思妇的心理活动，来表现她对爱情坚贞不二的高尚情操。全诗以景寄情，委婉动人。
<br> </font>
<font face="黑体 " size="+2" color="#F4A460"> 【名家点评】<br></font>
<font size="4"> 《分类补注李太白诗》：萧士赟注：“燕北地寒，生草迟。当秦地柔桑低绿之时，燕草方生，兴其夫方萌怀归之志，犹燕草之方生。妾则思君之久，犹秦桑之已低绿也。”又注：”燕草如丝，兴征夫怀归；秦桑低枝，兴思妇断肠。末句比喻此心贞洁，非外物所能动。此诗可谓得《国风》不淫不诽之体矣。
</font>
</body>
</html>
第三部分：知识点重现
- 标题标记 <title>标题信息</title>
- 主体body <body>网页内容</body>
- 标题字标记 h1-h6共6种，依次是字体从大到小的排列。【使用标题字标记无需用换行符<br>，浏览器会自动换行】
- 添加空格 【空格个数与 个数相同】
- 水平分隔线 <hr color=" ">
- 字体标记 <font face="" size="" color=">...</font> 字体、大小、颜色
- 段落标记 <p>...</p> 或者 <p align="left"|"center"|"right"|"justify">....</p>
预格式化 <pre>...</pre>【这里的内容，在代码中输入是什么样子，输出就会是什么格式】
总结：今天知识分享就到这里啦，希望大家多多指正哦！(⊙o⊙)
