HTML·第一章，综合案例习题——临江仙·送钱穆父

MortalTom

已于 2024-09-26 11:49:12 修改

阅读量409

点赞数 13

分类专栏： HTML 文章标签： html 前端

于 2024-09-12 11:23:07 首次发布

本文链接：https://blog.csdn.net/m0_68332785/article/details/142153726

版权

HTML 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

以一首宋词为例子，参照给定的HTML代码和图片资源，利用HBuilder设计Web网页在编写时要遵守HTML代码的编写规范，并养成良好的编码习惯。以下为完整代码，以供参考。

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="keywords" content="宋词, 苏轼">
    <meta name="description" content="本网站收录精选宋词">
    <title>宋词精选</title>
    <style type="text/css">
        p {
            text-align: center;
            font-size: larger;
        }
    </style>
</head>
<body background-color="#AntiqueWhite" text="#333333">
    <h2 style="text-align: center;">临江仙·送钱穆父</h2>
    <p>宋 苏轼</p>
    <!-- 使用换行符 -->
    <p><br />一别都门三改火, 天涯踏尽红尘。<br />
        依然一笑作春温。<br />
        无波真古井, 有节是秋筠。<br />
        惆怅孤帆连夜发, 送行淡月微云。<br />
        尊前不用翠眉颦。<br />
        <font color="brown" face="微软雅黑">人生如逆旅, 我亦是行人。</font></p>
    <img src="https://img2.baidu.com/it/u=3960559773,3296047960&fm=253&fmt=auto&app=138&f=JPEG?w=861&h=500" alt="宋词插图">
    <!-- 水平线 -->
    <hr size="2" color="black" width="100%">
	<p align="center">
	<a href="https://mortaltom.blog.csdn.net" target="_blank">网页制作教程 &copy; MortalTom</a>
	</p>
</body>
</html>

运行结果如图：