基于Web实现诗词欣赏网页—

来自Web网页应用时的学习，记录一下学习过程，本作品代码仅供参考。

一、代码：

<!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><style>#textbox{border: 2px solid rgb(41, 40, 40);text-align: center;width: 850px;margin: 20px auto;margin-top: 0%;height: 500px ;}.title{color: rgb(116, 0, 0);font-size: 40px;font-weight: bold;font-family: 楷体;}#a{text-align: left;position: fixed;margin: 10px 5px;}.author{color: rgb(116, 0, 0);font-weight: bold; font-family: 隶书;font-size: 20px;}#text{height: 45%;position: relative;width: 550px;}#left{width: 510px;height: 225px;margin-left: 25px;position: fixed;}#left p{margin-top: 35px;position: relative;letter-spacing: 4px;line-height: 40px;font-family: 方正姚体;color: rgb(116, 0, 0);font-size: x-large;}#right{margin-left: 505px;width: 330px;height: 225px;position: fixed;}#right img{text-align: left;margin-top: 10px;height: 210px;width: 160px;}#footer{text-align: left;margin-top: 40px;}#footer p{font-family: 楷体;line-height: 25px;}</style>
</head>
<body><div id="textbox"><div id="a"><a href="">返回</a></div><span class="title">钱塘湖春行</span><p><span class="author">唐代：白居易</span></p><hr color="green" size="5px"><div id="text"><div id="left"><p>孤山寺北贾亭西，水面初平云脚低。<br>几处早莺争暖树，谁家新燕啄春泥。<br>乱花渐欲迷人眼，浅草才能没马蹄。<br> 最爱湖东行不足，绿杨阴里白沙堤。</p></div><div id="right"><img src="data:images/bjy.jpg" alt=""></div></div><div id="footer"><p>&nbsp;&nbsp;&nbsp;&nbsp;简介: 白居易（772年－846年），字乐天，号香山居士，又号醉吟先生，祖籍太原，到其曾祖父时迁居下邽，生于河南新郑。白居易是唐代伟大的现实主义诗人，唐代三大诗人之一。白居易与元稹共同倡导新乐府运动，世称“元白”，与刘禹锡并称“刘白”。白居易的诗歌题材广泛，形式多样，语言平易通俗，有“诗魔”和“诗王”之称。</p></div></div>
</body>
</html>

二、结果展示：

本作品只是针对诗词欣赏网页中其中一张网页练习发布，其余页面可以直接套用模板。

END

基于Web实现诗词欣赏网页——钱塘湖春行相关推荐

html基本标记练习钱塘湖春行,实验1HTML基本标记的练习.doc
实验1HTML基本标记的练习.doc 上传人:B****s 文档编号:17195262 上传时间:2019-03-28 格式:DOC 页数:5 大小:875.50KB 下载提示(请认真阅读)1.请仔细 ...
钱塘湖春行白居易唐代
孤山寺北贾亭西,水面初平云脚低. 几处早莺争暖树,谁家春燕啄春泥. 乱花渐欲迷人眼,浅草才能没马蹄. 最爱湖东行不足,绿杨阴里白沙堤. 译文从孤山寺的北面到贾亭的西面,湖面春水刚与堤平,白云低垂,同 ...
【ASP.NET教程-WP教程15】ASP.NET Web Pages - C# 和 VB 实例简单而强大的开发框架，可用于构建动态的、基于Web的应用程序。它提供了一种轻量级的方式来创建和管理网页
ASP.NET Web Pages - C# 和 VB 实例 ASP.NET Web Pages 是一种简单而强大的开发框架,可用于构建动态的.基于Web的应用程序.它提供了一种轻量级的方式来创建和管 ...
基于PyQt5实现访问Web应用程序或网页
基于Python和PyQt5实现访问Web应用程序或网页基于pyqt5控件QtWebEngineWidgets实现点击按钮连接访问web应用程序或网页,也可以理解为通过桌面应用程序访问web云平台, ...
html标记都必须配对使用,东师基于Web程序设计19春在线作业1【标准答案】
基于Web程序设计19春在线作业1-0002 试卷总分:100 得分:0 一. 单选题 (共 20 道试题,共 60 分) 1.关于HTML文件说法正确的是 A.HTML标记都必须配对使用 B. ...
基于Web标准的网页设计与制作知识整理
1.浏览器是供用户浏览网页的软件,Firefox是公认的标准浏览器.浏览器负责解释HTML等网页代码生成我们看到的网页. 2.Web服务器对静态网页起的只是一个查找和传输的作用,而动态网页要经过Web ...
用html和css做失物招领网页,基于Web的高校寻物启事及失物招领平台开发
内容简介: 基于Web的高校寻物启事及失物招领平台开发,毕业论文,共24页,6834字,附开题报告.源程序等. [摘要]本毕业设计采用Apache+Mysql+PHP开发环境来设计寻物启事及失物招领系 ...
Web前后端交互技术诗词欣赏《满江红》
<!DOCTYPE html> <html><head><meta charset="UTF-8"><title>诗词欣 ...
网页里显示访问的那台服务器,在web服务器中把网页放在那里,才能被访问
上传的定义上传就是将信息从个人计算机(本地计算机)传递到中央计算机(远程计算机)系统上,让网络上的人都能看到.将制作好的网页.文字.图片等发布到互联网上去,以便让其他人浏览.欣赏.这一过程称为上传. ...

基于Web实现诗词欣赏网页——钱塘湖春行

基于Web实现诗词欣赏网页——钱塘湖春行相关推荐

最新文章

热门文章