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⊙)
更多推荐
HTML初实践--简易网页设计
发布评论