Skip to content
电脑工程师入门

电脑工程师入门

create tomorrow, create happiness

  • 实用软件教程
    • Excel
    • WordPress
    • Powerpoint
    • PowerApps
    • PowerAutomateDesk
  • 计算机语言入门
    • PHP
    • Bootstrap
    • JavaScript
    • Python
    • HTML
    • WordPress
  • 咨询
  • Home
  • HTML
  • 第五章 HTML粘贴图像
  • HOME
  • HTML
  • 第五章 HTML粘贴图像

第五章 HTML粘贴图像

HTML

目录

5-1 将图像粘贴到页面中
5-2 检查图像大小
5-3 使用图像作为链接按钮

5-1 将图像粘贴到页面中

<img>标签用于将图像附加到页面。

<img src="panda.gif" width=100 height=100 alt="熊猫">

在 src 属性中指定图像文件名,在宽度和高度中指定图像的大小。alt 属性指定在无法显示图像的浏览器中代替图像显示的文本。

5-2 检查图像大小

可以省略 width 和 height,但如果指定它们,感知的显示速度会更快。如果您不知道自己的尺码,可以通过执行以下操作来了解:

  1. 将图像文件拖放到 Google Chrome 中,然后读取选项卡中显示的大小。
  2. 用鼠标右键单击图像文件,用[打开方式]>[画图]打开它,并读取底部状态栏中显示的大小。
  3. 对于 Windows 10,在文件资源管理器中查看图像并读取在视图 > 内容中显示的大小。

5-3 使用图像作为链接按钮

还可以使用图像文件作为链接按钮。

<a href="xx.html"> <img src="xx.gif" width=88 height=31 alt="description"> </a>
标签:HTML

文章导航

❮ Previous Post: 第四章 HTML的链接
Next Post: 第六章 创建HTML文件 ❯

关联内容

HTML
第一章 HTML的基础知识
HTML
第二章 基本HTML技术
HTML
第三章 在HTML中使用表格
HTML
第四章 HTML的链接
HTML
第六章 创建HTML文件

实用软件教程

  • Powerpoint
  • Excel
  • PowerAutomateDesk
  • Wordpress
  • Powerapps

编程语言入门

  • JavaScript
  • HTML
  • PHP
  • Python
  • Bootstrap

Copy right by flashyonder.com