微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

HTML古诗源代码加背景图片

HTML古诗源代码加背景图片

HTML是网页制作的基础语言,也是开发互联网程序的必备技能。在本篇文章中,我们将介绍如何在HTML中加入古诗源代码并设置背景图片

HTML古诗源代码加背景图片

首先,我们需要准备一份古诗的源代码,以《静夜思》为例:

窗前明月光,
疑是地上霜。
举头望明月,
低头思故乡。

在HTML中,我们可以使用pre标签来包裹源代码,以保持源代码的格式。代码如下:

<pre>
窗前明月光,
疑是地上霜。
举头望明月,
低头思故乡。
</pre>

接下来,我们准备为页面设置背景图片。首先,需要在CSS中设置body标签的背景图片代码如下:

body {
    background-image:url('bg.jpg');
}

其中,bg.jpg是我们自己准备的背景图片文件名。请确保图片文件与HTML文件在同一目录下。

最后,我们将源代码和背景图片结合起来。代码如下:

<body style="background-image:url('bg.jpg');">
    <pre>
    窗前明月光,
    疑是地上霜。
    举头望明月,
    低头思故乡。
    </pre>
</body>

现在,我们已经成功地将古诗源代码加入到HTML页面中,并设置了背景图片。通过这个简单的例子,我们可以学习如何在HTML中使用pre标签和CSS设置背景图片

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐