自己去网上找一片文章(或者诗词),编写成网页,要求:
1、整个文章居中显示 ,字体:微软雅黑(或者其他支持的字体)
2、如果是文章则每个段落首行缩进2个字符,诗词除外
3、作者信息: 0.5倍字符,带下划线,并斜体
4、使用任意一张图片作为背景,且背景固定不随内容的滚动滚动
5、内容多复制几份,实现滚动条,使用锚点实现返回顶部,去到底部等功能
6、其他功能越多越好,可自己发挥…
<!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>
body{
background-image: url("../../day01/img/1.jpg");
background-attachment: fixed;
background-size: 1920px 1080px;
}
p{
text-align: center;
font-family: "宋体";
color: rgb(235, 143, 57);
}
h2{
text-align: center;
}
#biaoti{
font-size: 2em;
font-weight: bold;
}
#zuozhe{
font-size: 0.5em;
text-decoration: underline;
}
#duanluo{
text-indent: 2em;
}
</style>
</head>
<body>
<!--
1、整个文章居中显示 ,字体:微软雅黑(或者其他支持的字体)
2、如果是文章则每个段落首行缩进2个字符,诗词除外
3、作者信息: 0.5倍字符,带下划线,并斜体
4、使用任意一张图片作为背景,且背景固定不随内容的滚动滚动
5、内容多复制几份,实现滚动条,使用锚点实现返回顶部,去到底部等功能
6、其他功能越多越好,可自己发挥…
-->
<a id="TOP"></a>
<a href="#middle">TOP</a>
<p id="biaoti">为徐敬业讨武曌檄</p>
<p id="zuozhe"><i>作者:骆宾王</i></p>
<p id="duanluo"> 伪临朝武氏者,性非和顺,地实寒微。昔充太宗下陈,曾以更衣入侍。洎乎晚节,秽乱春宫。潜隐先</p>
<p>帝之私,阴图后房之嬖。入门见嫉,蛾眉不肯让人;掩袖工谗,狐媚偏能惑主。践元后于翚翟,陷吾君所</p>
<p>于聚麀。加以虺蜴为心,豺狼成性,近狎邪僻,残害忠良,杀姊屠兄,弑君鸩母。人神之所同嫉,天地之</p>
<p>不容。犹复包藏祸心,窥窃神器。君之爱子,幽之于别宫;贼之宗盟,委之以重任呜呼!霍子孟之不作,</p>
<p>朱虚侯之已亡。燕啄皇孙,知汉祚之将尽;龙漦帝后,识夏庭之遽衰。 </p>
<p id="duanluo">敬业皇唐旧臣,公侯冢子。奉先帝之成业,荷本朝之厚恩。宋微子之兴悲,良有以也;袁君山之流涕,</p>
<p>岂徒然哉!是用气愤风云,志安社稷。因天下之失望,顺宇内之推心,爰举义旗,以清妖孽。南连百越,</p>
<p>北尽三河,铁骑成群,玉轴相接。海陵红粟,仓储之积靡穷;江浦黄旗,匡复之功何远?班声动而北风起</p>
<p>剑气冲而南斗平。喑呜则山岳崩颓,叱吒则风云变色。以此制敌,何敌不摧;以此图功,何功不克! </p>
<p id="duanluo">公等或家传汉爵,或地协周亲,或膺重寄于爪牙,或受顾命于宣室。言犹在耳,忠岂忘心?一抔之土</p>
<p>未干六尺之孤何托倘能转祸为福送往事居共立勤王之勋无废旧君之命凡诸爵赏,同指山河。若其眷恋穷</p>
<p>城,徘徊歧路,坐昧先几之兆,必贻后至之诛。 </p>
<p id="duanluo">请看今日之域中,竟是谁家之天下!移檄州郡,咸使知闻。 </p>
<a id="middle"></a>
<a href="#lower">middle</a>
<p id="biaoti">为徐敬业讨武曌檄</p>
<p id="zuozhe"><i>作者:骆宾王</i></p>
<p id="duanluo">伪临朝武氏者,性非和顺,地实寒微。昔充太宗下陈,曾以更衣入侍。洎乎晚节,秽乱春宫。潜隐先</p>
<p>帝之私,阴图后房之嬖。入门见嫉,蛾眉不肯让人;掩袖工谗,狐媚偏能惑主。践元后于翚翟,陷吾君所</p>
<p>于聚麀。加以虺蜴为心,豺狼成性,近狎邪僻,残害忠良,杀姊屠兄,弑君鸩母。人神之所同嫉,天地之</p>
<p>不容。犹复包藏祸心,窥窃神器。君之爱子,幽之于别宫;贼之宗盟,委之以重任呜呼!霍子孟之不作,</p>
<p>朱虚侯之已亡。燕啄皇孙,知汉祚之将尽;龙漦帝后,识夏庭之遽衰。 </p>
<p id="duanluo">敬业皇唐旧臣,公侯冢子。奉先帝之成业,荷本朝之厚恩。宋微子之兴悲,良有以也;袁君山之流涕,</p>
<p>岂徒然哉!是用气愤风云,志安社稷。因天下之失望,顺宇内之推心,爰举义旗,以清妖孽。南连百越,</p>
<p>北尽三河,铁骑成群,玉轴相接。海陵红粟,仓储之积靡穷;江浦黄旗,匡复之功何远?班声动而北风起</p>
<p>剑气冲而南斗平。喑呜则山岳崩颓,叱吒则风云变色。以此制敌,何敌不摧;以此图功,何功不克! </p>
<p id="duanluo">公等或家传汉爵,或地协周亲,或膺重寄于爪牙,或受顾命于宣室。言犹在耳,忠岂忘心?一抔之土</p>
<p>未干六尺之孤何托倘能转祸为福送往事居共立勤王之勋无废旧君之命凡诸爵赏,同指山河。若其眷恋穷</p>
<p>城,徘徊歧路,坐昧先几之兆,必贻后至之诛。 </p>
<p id="duanluo">请看今日之域中,竟是谁家之天下!移檄州郡,咸使知闻。 </p>
<p id="biaoti">为徐敬业讨武曌檄</p>
<p id="zuozhe"><i>作者:骆宾王</i></p>
<p id="duanluo">伪临朝武氏者,性非和顺,地实寒微。昔充太宗下陈,曾以更衣入侍。洎乎晚节,秽乱春宫。潜隐先</p>
<p>帝之私,阴图后房之嬖。入门见嫉,蛾眉不肯让人;掩袖工谗,狐媚偏能惑主。践元后于翚翟,陷吾君所</p>
<p>于聚麀。加以虺蜴为心,豺狼成性,近狎邪僻,残害忠良,杀姊屠兄,弑君鸩母。人神之所同嫉,天地之</p>
<p>不容。犹复包藏祸心,窥窃神器。君之爱子,幽之于别宫;贼之宗盟,委之以重任呜呼!霍子孟之不作,</p>
<p>朱虚侯之已亡。燕啄皇孙,知汉祚之将尽;龙漦帝后,识夏庭之遽衰。 </p>
<p id="duanluo">敬业皇唐旧臣,公侯冢子。奉先帝之成业,荷本朝之厚恩。宋微子之兴悲,良有以也;袁君山之流涕,</p>
<p>岂徒然哉!是用气愤风云,志安社稷。因天下之失望,顺宇内之推心,爰举义旗,以清妖孽。南连百越,</p>
<p>北尽三河,铁骑成群,玉轴相接。海陵红粟,仓储之积靡穷;江浦黄旗,匡复之功何远?班声动而北风起</p>
<p>剑气冲而南斗平。喑呜则山岳崩颓,叱吒则风云变色。以此制敌,何敌不摧;以此图功,何功不克! </p>
<p id="duanluo">公等或家传汉爵,或地协周亲,或膺重寄于爪牙,或受顾命于宣室。言犹在耳,忠岂忘心?一抔之土</p>
<p>未干六尺之孤何托倘能转祸为福送往事居共立勤王之勋无废旧君之命凡诸爵赏,同指山河。若其眷恋穷</p>
<p>城,徘徊歧路,坐昧先几之兆,必贻后至之诛。 </p>
<p id="duanluo">请看今日之域中,竟是谁家之天下!移檄州郡,咸使知闻。 </p>
<a id="lower"></a>
<a href="#TOP">TO TOP</a>
</body>
</html>