文学网站 | 在线阅读经典文学作品 - 常规

<!DOCTYPE html>
<html>
<head>
	<title>文学网站 | 在线阅读经典文学作品</title>
	<meta charset="UTF-8">
	<style>
		body {
			font-family: Arial, sans-serif;
			background-color: #f2f2f2;
		}
		header {
			background-color: #333;
			color: #fff;
			padding: 20px;
			text-align: center;
		}
		nav {
			background-color: #555;
			color: #fff;
			padding: 10px;
			text-align: center;
		}
		nav ul {
			list-style-type: none;
			margin: 0;
			padding: 0;
		}
		nav li {
			display: inline-block;
			margin: 0 10px;
		}
		nav li a {
			color: #fff;
			text-decoration: none;
			padding: 5px 10px;
			border-radius: 5px;
			transition: background-color 0.3s;
		}
		nav li a:hover {
			background-color: #999;
		}
		article {
			background-color: #fff;
			color: #333;
			margin: 20px;
			padding: 20px;
			border-radius: 5px;
			box-shadow: 0 0 10px rgba(0,0,0,0.1);
		}
		h1 {
			font-size: 32px;
			margin-bottom: 10px;
		}
		p {
			font-size: 18px;
			line-height: 1.5;
			margin-bottom: 20px;
		}
		img {
			max-width: 100%;
			height: auto;
			margin-bottom: 10px;
		}
	</style>
</head>
<body>
	<header>
		<h1>文学网站</h1>
	</header>
	<nav>
		<ul>
			<li><a href="#">首页</a></li>
			<li><a href="#">小说</a></li>
			<li><a href="#">诗歌</a></li>
			<li><a href="#">散文</a></li>
			<li><a href="#">名家</a></li>
			<li><a href="#">活动</a></li>
			<li><a href="#">关于我们</a></li>
		</ul>
	</nav>
	<article>
		<h1>'红楼梦'</h1>
		<p>'红楼梦'是中国古代小说中的巨著，是清代作家曹雪芹所著，原名'石头记'，又名'情僧录'。'红楼梦'以贾、史、王、薛四大家族的兴衰为背景，通过对贾宝玉、林黛玉、薛宝钗等人的爱情、婚姻、友情、争斗等情感故事的描写，展现了封建社会的虚伪和黑暗，深刻反映了人性的弱点和社会的不公。</p>
		<img src="https://picsum.photos/800/400" alt="红楼梦封面">
		<p>除了'红楼梦'，中国古代文学还有许多经典之作，如'西游记'、'水浒传'、'三国演义'等，这些作品不仅具有艺术价值，还有着重要的历史和文化价值。</p>
	</article>
</body>
</html>