HTML网页制作，临江仙

亚v

已于 2024-09-30 11:47:33 修改

阅读量359

点赞数 3

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

于 2024-09-12 08:55:52 首次发布

本文链接：https://blog.csdn.net/2403_87185636/article/details/142164131

版权

学习专栏收录该内容

5 篇文章

订阅专栏

1.临江仙·送钱穆父

<!DOCTYPE html>
<html>
    <head>
        <meta name="keywords" content="宋词，苏轼" charset="utf-8" /> <!-- 定义页面关键词和字符集 -->
        <meta name="description" content="本网站收录精选宋词" /> <!-- 定义页面描述 -->
        <title>宋词精选</title> <!-- 设置页面标题 -->
        <style type="text/css"> <!-- CSS样式 -->
            p{
                text-align:center; <!-- 文本居中对齐 -->
                font-size:larger; <!-- 文本字体大小增大 -->
            }	
        </style>
    </head>
    <body bgcolor="antiquewhite" text="#333333"> <!-- 设置页面背景颜色和文本颜色 -->
        <h2 align="center">临江仙&middot;送钱穆父</h2> <!-- 标题，居中显示 -->
        <p align="center">宋 苏轼 </p><!-- 作者信息 -->
        <!---- 使用<br/>效果 -->
        <p align="center">一别都门三改火，天涯踏尽红尘。<br /> <!-- 词的开头 -->
            依然一笑作春温。<br /> <!-- 下一句 -->
            无波真古井，有节是秋筠。<br /> <!-- 下一句 -->
            惆怅孤帆连夜发，送行淡月微云。 <br /><!-- 下一句 -->
            尊前不用翠眉颦。<br /> <!-- 下一句 -->
            <font color="brown" facn="微软雅黑">人生如逆旅，我亦是行人。</font> <!-- 最后一句，使用微软雅黑字体颜色为棕色 -->
        </p>
        <p align="center"><img src="img/1.1.jpg"/> </p> <!-- 居中显示图片 -->
        <!-- 水平线 -->
        <hr size="2" color="black" width="100%" /> <!-- 一条宽度为100%、高度为2的黑色水平线 -->
        <p align="center">网页制作教程 Copyright&copy;xxxxx</p> <!-- 页脚信息，居中显示 -->
    </body>
</html>

2.3：作业

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>网页学习</title>
	</head>
	<body bgcolor="#99ffff" text="black">
			</p><p align="center">欢迎大家一起学习网页制作</p>
			<hr size="5" color="#ff3333"/>
			<a href="https://www.baidu.com ">
			<p style="color: #0033ff" align="center">欢迎使用百度搜索</p>
			</a>
			<p align="center"><img src="img/1.2.png"/> </p>
	</body>
</html>