这个动态网页示例代码实现了一个简单的古诗展示网页。在PHP代码段中,定义了一个古诗库数组$poems
,其中包含多个数组,每个数组表示一首古诗的题目、作者和内容。使用array_rand()
函数从古诗库中随机选择一首诗,并将其题目、内容和作者分别输出到HTML页面上。
以下是一个使用PHP实现的动态网页,用于显示古诗内容:
<!DOCTYPE html> <html> <head> <title>古诗名句欣赏</title> <meta charset="utf-8"> <style type="text/css"> body { background-color: #f2f2f2; font-family: Arial, sans-serif; } h1 { text-align: center; margin-top: 50px; color: #333; } .poetry { margin: 30px auto; padding: 20px; background-color: #fff; border-radius: 10px; box-shadow: 0 0 10px rgba(0,0,0,0.2); width: 80%; max-width: 800px; } .poetry p { font-size: 18px; line-height: 28px; text-indent: 2em; margin-bottom: 10px; } .poetry .author { text-align: right; font-style: italic; margin-top: 10px; } </style> </head> <body> <h1>古诗名句欣赏</h1> <?php // 古诗库,每首诗都包含题目、作者和内容 $poems = array( array( "title" => "《登高》", "author" => "杜甫", "content" => "风急天高猿啸哀,\n渚清沙白鸟飞回。\n无边落木萧萧下,\n不尽长江滚滚来。" ), array( "title" => "《将进酒》", "author" => "李白", "content" => "君不见黄河之水天上来,奔流到海不复回。\n君不见高堂明镜悲白发,朝如青丝暮成雪。\n人生得意须尽欢,莫使金樽空对月。\n天生我材必有用,千金散尽还复来。" ), array( "title" => "《静夜思》", "author" => "李白", "content" => "床前明月光,\n疑是地上霜。\n举头望明月,\n低头思故乡。" ) ); // 从古诗库中随机选择一首诗 $poem = $poems[array_rand($poems)]; ?> <div class="poetry"> <p><?php echo $poem["title"]; ?></p> <p><?php echo $poem["content"]; ?></p> <p class="author">--<?php echo $poem["author"]; ?></p> </div> </body> </html>
在HTML页面部分,使用CSS样式定义了网页整体的背景色、字体等风格,以及诗歌的样式和排版。<div>
标签用于包含诗歌内容,并应用了圆角和阴影效果。使用PHP的echo
语句将诗歌的题目、内容和作者输出到HTML页面中。
你可以根据需要修改数组$poems
中的古诗内容和数量,以及样式表的内容,来实现自己想要的古诗展示网站。
评论