admin管理员组

文章数量:1794759

HTML初实践

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>

第三部分：知识点重现

  • 标题标记        <title>标题信</title>
  • 主体body        <body>网页内容</body>
  • 标题字标记      h1-h6共6种，依次是字体从大到小的排列。【使用标题字标记无需用换行符<br>，浏览器会自动换行】
  • 添加空格        &nbsp;【空格个数与&nbsp;个数相同】
  • 水平分隔线    <hr color=" ">
  • 字体标记        <font face=""  size=""  color="'>...</font> 字体、大小、颜色
  • 段落标记        <p>...</p>    或者    <p align="left"|"center"|"right"|"justify">....</p>

    • 预格式化        <pre>...</pre>【这里的内容，在代码中输入是什么样子，输出就会是什么格式】

    总结：今天知识分享就到这里啦，希望大家多多指正哦！(⊙o⊙)

    本文标签： html

    版权声明：本文标题：HTML初实践 内容由林淑君副主任自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.xiehuijuan.com/baike/1686966859a123365.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。