简单的HTML练习

实现以下界面:

在这里插入图片描述

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>简单的网页</title>
	</head>
	<body align="center">
		<h1>
			<font color="red">古诗词欣赏</font>
		</h1>
		<hr size="3" color="darkgray">
		<h2>静夜思</h2>
		<h4>
			<font color="skyblue">
				<a href="https://baike.baidu.com/item/%E6%9D%8E%E7%99%BD/1043?fr=aladdin" target="_blank">李白</a>
			</font>
		</h4>
		<h4>
			<font color="green">
				床前明月光,<br />
				疑是地上霜.<br />
				举头望明月,<br />
				低头思故乡.<br />
			</font>
		</h4>
		<h4>
			<font color="cadetblue">
				《静夜思》是唐代诗人李白所作的一首五言古诗，<br />
				此诗描写了秋日夜晚，诗人于屋中抬头望月的所感。<br />
				诗中运用比喻、衬托等手法，表达客居思乡之情，<br />
				语言清新朴素而韵味含蓄无穷，历来广为传播。<br />
			</font>
		</h4>
		<img src="img/libai.jpg" title="李白" />
		<hr size="3" color="darkgray">

		友情链接：
		<font color="aqua"><a href="http://www.baidu.com" target="_blank">A网站</a></font>
			|&nbsp;<font color="aqua"><a href="https://me.csdn.net/crraxx" target="_blank">B网站</a></font>
			|&nbsp;<font color="aqua"><a href="https://blog.csdn.net/XiaoFanMi" target="_blank">C网站</a></font>
		</font>
	</body>
</html>

图片素材:需自行导入
在这里插入图片描述

posted @ 2021-05-14 15:07  肖帆咪  阅读(174)  评论(0)    收藏  举报