鱼C论坛

 找回密码
 立即注册
查看: 3331|回复: 2

[学习笔记] HTML 基础学习笔记——图片

[复制链接]
发表于 2017-6-20 10:31:40 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能^_^

您需要 登录 才可以下载或查看,没有账号?立即注册

x
图片
<img>标签用于插入图像.它只包含属性,没有结束标签.
可以使用src属性定义图像的 URL(地址)
HTML图像语法:
  1. <img src="tree.jpg" />
复制代码

图片位置
你需要放置在引号之间的src属性的图像位置。

例如,如果你在与HTML文件相同的文件夹中有一张名为“tree.jpg”的照片,则您的代码应如下所示:
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.         <title>first page</title>
  5. </head>
  6. <body>
  7.   <img src="tree.jpg" alt="" />
  8. </body>
  9. </html>
复制代码
*如果无法显示图像,则 alt 属性指定用文字描述图像的备用文本。alt属性是必须的。

图片调整大小
要定义图片的大小,需要使用 width 和 height 属性
该值可以使用像素或百分比形式指定:
屏幕快照 2017-06-20 上午9.57.01.png
*加载图像需要时间,使用大图像可能会减慢你的页面,所以仔细使用它们。

图像边框
默认情况下图像没有边框。使用图像属性中的 border 属性创建图像周围的边框。
  1. <img src="tree.jpg" height="50%" width="50%" border="1px" alt="三吉彩花" />
复制代码
展示:
效果截图.jpg



评分

参与人数 2鱼币 +10 收起 理由
小甲鱼 + 4 支持楼主!
不二如是 + 6 配图选的好…

查看全部评分

本帖被以下淘专辑推荐:

想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

发表于 2017-6-21 08:21:47 From FishC Mobile | 显示全部楼层
我是来看图片的
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2020-5-27 11:20:04 | 显示全部楼层
三吉彩花
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2024-3-30 00:00

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表