首页 > 软件开发 > HTML >

如何制作简单的电子相册

来源:互联网 2023-03-16 19:12:50 209

今天小编教大家制作简单的电子相册。Yqh办公区 - 实用经验教程分享!

工具/原料

  • 电脑一台

方法/步骤

  • 1

    首先,新建一个文件夹,然后把要放在电子相册中的相片放到这个文件夹中,如下图:Yqh办公区 - 实用经验教程分享!

    如何制作简单的电子相册Yqh办公区 - 实用经验教程分享!

  • 1此文章未经授权抓取自百度经验
  • 2

    然后在这个文件夹中新建一个文本文档,如下图:Yqh办公区 - 实用经验教程分享!

    如何制作简单的电子相册Yqh办公区 - 实用经验教程分享!

  • 3

    打开文本文档,输入以下代码,下图中红色剪头指示位置的代码是用来调节相册居中的,如下图:Yqh办公区 - 实用经验教程分享!

    如何制作简单的电子相册Yqh办公区 - 实用经验教程分享!

  • 4

    下图中的代码是用来调整照片大小的,过大的调小,小的不变,如下图:Yqh办公区 - 实用经验教程分享!

    如何制作简单的电子相册Yqh办公区 - 实用经验教程分享!

  • 5

    下图中就是将所有照片放入电子相册中的代码,如下图:Yqh办公区 - 实用经验教程分享!

    如何制作简单的电子相册Yqh办公区 - 实用经验教程分享!

  • 6

    然后保存,并将文本文档的后缀改为html,如下图:Yqh办公区 - 实用经验教程分享!

    如何制作简单的电子相册Yqh办公区 - 实用经验教程分享!

  • 7

    然后使用浏览器打开该文件,就可以看到简单炫酷的电子相册了,如下图:Yqh办公区 - 实用经验教程分享!

    如何制作简单的电子相册Yqh办公区 - 实用经验教程分享!

  • 注意事项

    • 个人观点,仅供参考。
    • 感谢阅读。

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!Yqh办公区 - 实用经验教程分享!


    标签: 自制HTML教程

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码