17、网页添加图片全攻略

最新推荐文章于 2025-11-04 15:01:48 发布

pytorchlight8

最新推荐文章于 2025-11-04 15:01:48 发布

阅读量36

点赞数

CC 4.0 BY-SA版权

分类专栏： Head First学习法揭秘文章标签：网页设计图片添加图片格式

本文链接：https://blog.youkuaiyun.com/pytorchlight8/article/details/151574663

Head First学习法揭秘专栏收录该内容

53 篇文章 ¥499.90

订阅专栏¥69.90

会员秒杀 ¥9.9 重磅福利

超级会员免费看

网页添加图片全攻略

在网页设计中，图片的运用能够极大地提升页面的吸引力和可读性。本文将详细介绍如何在网页中添加图片、选择合适的图片格式，以及为网页添加 logo 等内容。

为图片创建独立页面

首先，我们要为每张图片创建独立的 HTML 页面。在“mypod”文件夹下创建一个名为“html”的新文件夹，用于存放这些独立页面。

假设图片名为“seattle_video_med.jpg”，那么对应的 HTML 文件就命名为“seattle_video_med.html”，以保持一致性。以下是第一个西雅图照片页面的 HTML 代码示例：

<html>
   <head>
      <title>myPod: Seattle Ferry</title>
      <style type="text/css"> body { background-color: #eaf3da; } </style>
   </head>
   <body>
      <h1>Seattle Ferry</h1>
      <p>
         <img src="../photos/seattle_video_med.jpg" alt="A video iPod on the ferry">
      </p>
   </body>
</html>

这里需要注意的是，由于“html”文件夹和“photo