批改状态:合格
老师批语:
3-23作业
代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>琵琶行-白居易</title>
<style type="text/css">
body,ul,li,h2,h3 {
padding:0;
margin:0;
}
body {
background-image:url('https://html-1255417912.cos.ap-guangzhou.myqcloud.com/xuexi/3.23/bg.jpg');
background-position: 0 51px;
font-family:微软雅黑;
}
.top{
width:960px;
height:50px;
background-color:#a12b2b;
margin:0 auto;
}
.top h3 {
color:#fff;
font-size:2em;
font-weight:bold;
line-height:25px;
padding:10px;
}
.container {
width:960px;
height:800px;
margin:0 auto;
text-align: center;
}
.right {
width:300px;
height:800px;
background-color:#e6c4a1;
float:right;
text-align:center;
}
.right img {
width:150px;
height:150px;
border-radius:50%;
margin-top:20px;
box-shadow:0 0 1px 1px #644321;
}
.right p {
width:270px;
height:460px;
background: #f6d1ac;
margin:20px 10px 0 10px;
border:1px dashed #644321;
border-radius:2%;
text-align:left;
line-height:2em;
padding:5px;
}
.right span {
color:#644321;
font-weight:bold;
}
.left {
width:650px;
height:800px;
background-color:#e6c4a1;
margin-right:300px;
text-align: left;
display: table-cell;
vertical-align: middle;
}
.left p {
width:610px;
background: #f6d1ac;
border:1px dashed #644321;
border-radius:2%;
padding:10px;
line-height:1.5em;
margin-left:10px;
}
.left span {
color:#a12b2b;
font-weight:bold;
}
.title {
text-align:center;
color:#a12b2b;
}
.fy {
width:630px;
height:50px;
background: #f6d1ac;
border:1px dashed #644321;
border-radius:2%;
margin: auto;
}
.fy span {
line-height:30px;
padding:10px;
}
#left {
float:left;
}
#right {
float:right;
}
a {
text-decoration:none;
color:#ae5f0e;
}
a:hover {
text-decoration:underline;
font-size:1.2em;
color:#552c03;
}
.foot {
width:960px;
height:60px;
background-color:#f6d1ac;
margin:0 auto;
border-top: 1px dashed #644321;
color:#a12b2b;
font-weight:bold;
text-align:center;
line-height:60px;
}
</style>
</head>
<body>
<div class="top">
<h3>白居易诗词集 <small>--《琵琶行》</small></h3>
</div>
<div class="container">
<div class="right">
<img src="https://html-1255417912.cos.ap-guangzhou.myqcloud.com/xuexi/3.23/bjy.jpg" alt="">
<p><span>白居易(772年-846年),字乐天,号香山居士,又号醉吟先生。</span>祖籍太原,到其曾祖父时迁居下邽,生于河南新郑。是唐代伟大的现实主义诗人,唐代三大诗人之一。白居易与元稹共同倡导新乐府运动,世称“元白”,与刘禹锡并称“刘白”。白居易的诗歌题材广泛,形式多样,语言平易通俗,有“诗魔”和“诗王”之称。官至翰林学士、左赞善大夫。公元846年,白居易在洛阳逝世,葬于香山。有《白氏长庆集》传世,代表诗作有《长恨歌》、《卖炭翁》、《琵琶行》等。</p>
</div>
<div class="left">
<div class="title"><h2>琵琶行 / 琵琶引</h2></div>
<p>元和十年,予左迁九江郡司马。明年秋,送客湓浦口,闻舟中夜弹琵琶者,听其音,铮铮然有京都声。问其人,本长安倡女,尝学琵琶于穆、曹二善才,年长色衰,委身为贾人妇。遂命酒,使快弹数曲。曲罢悯然,自叙少小时欢乐事,今漂沦憔悴,转徙于江湖间。予出官二年,恬然自安,感斯人言,是夕始觉有迁谪意。因为长句,歌以赠之,凡六百一十六言,命曰<span>《琵琶行》</span>。</p>
<p>浔阳江头夜送客,枫叶荻花秋瑟瑟。主人下马客在船,举酒欲饮无管弦。醉不成欢惨将别,别时茫茫江浸月。
忽闻水上琵琶声,主人忘归客不发。寻声暗问弹者谁?琵琶声停欲语迟。移船相近邀相见,添酒回灯重开宴。千呼万唤始出来,犹抱琵琶半遮面。转轴拨弦三两声,未成曲调先有情。弦弦掩抑声声思,似诉平生不得志。低眉信手续续弹,说尽心中无限事。轻拢慢捻抹复挑,初为霓裳后六幺。大弦嘈嘈如急雨,小弦切切如私语。嘈嘈切切错杂弹,大珠小珠落玉盘。间关莺语花底滑,幽咽泉流冰下难。冰泉冷涩弦凝绝,凝绝不通声暂歇。别有幽愁暗恨生,此时无声胜有声。银瓶乍破水浆迸,铁骑突出刀枪鸣。曲终收拨当心画,四弦一声如裂帛。东船西舫悄无言,唯见江心秋月白。
沉吟放拨插弦中,整顿衣裳起敛容。自言本是京城女,家在虾蟆陵下住。十三学得琵琶成,名属教坊第一部。曲罢曾教善才服,妆成每被秋娘妒。五陵年少争缠头,一曲红绡不知数。钿头银篦击节碎,血色罗裙翻酒污。今年欢笑复明年,秋月春风等闲度。弟走从军阿姨死,暮去朝来颜色故。门前冷落鞍马稀,老大嫁作商人妇。商人重利轻别离,前月浮梁买茶去。去来江口守空船,绕船月明江水寒。夜深忽梦少年事,梦啼妆泪红阑干。
我闻琵琶已叹息,又闻此语重唧唧。同是天涯沦落人,相逢何必曾相识!我从去年辞帝京,谪居卧病浔阳城。浔阳地僻无音乐,终岁不闻丝竹声。住近湓江地低湿,黄芦苦竹绕宅生。其间旦暮闻何物?杜鹃啼血猿哀鸣。春江花朝秋月夜,往往取酒还独倾。岂无山歌与村笛?呕哑嘲哳难为听。今夜闻君琵琶语,如听仙乐耳暂明。莫辞更坐弹一曲,为君翻作《琵琶行》。感我此言良久立,却坐促弦弦转急。凄凄不似向前声,满座重闻皆掩泣。座中泣下谁最多?江州司马青衫湿。</p>
<div class="fy"><span id="left">上一篇:<a href="">卖炭翁</a></span> <span id="right">下一篇:<a href="">长恨歌</a></span></div>
</div>
</div>
<div class="foot">© 2017 古诗文网 白居易诗词集</div>
</body>
</html>点击 "运行实例" 按钮查看在线实例
手写

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号