<!DOCTYPE html> <html> <head> <title>我的相册</title> </head> <body> <h1>我的相册</h1> <p>这是我精心挑选的照片,希望大家喜欢!</p> <div> <img src="photo1.jpg"> <img src="photo2.jpg"> <img src="photo3.jpg"> </div> </body> </html>在代码中,我们使用了p标签来写出“我的相册”和“这是我精心挑选的照片,希望大家喜欢!”两段内容,这样页面看起来更清晰,易于阅读。在图片展示部分,我们使用了div标签,里面包含了三个img标签,分别指向了photo1.jpg、photo2.jpg和photo3.jpg三张图片文件。 当然,我们的相册还需要更多的功能。比如说,我们可以使用ul和li标签来创建一个图片列表,方便用户查看和选择感兴趣的照片。下面是更新后的代码:
<!DOCTYPE html> <html> <head> <title>我的相册</title> </head> <body> <h1>我的相册</h1> <p>这是我精心挑选的照片,希望大家喜欢!</p> <ul> <li><img src="photo1.jpg"></li> <li><img src="photo2.jpg"></li> <li><img src="photo3.jpg"></li> </ul> </body> </html>这样,我们的相册就更加完美了!希望这篇文章能对你有所帮助。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。