Wikipad – Unofficial Coding Documentation

[SockMonster1]

HTML Tag <img>

---

Used to display images.

Contents

1. Attributes
   • width="", height=""
   • title=""
   • alt=""

width="", height=""

Specifies the width and height of the <img>.

Demo:

<img width="50" height="50" src="https://storage.wackywriters.com/original/2X/1/15ea83bc7eaf249cc758b6b18b1e83d677760ca9.png">

title=""

Creates a popup tooltip which appears when the cursor remains stationary over the image for a few moments.

Demo:

Hover over the image to see the tooltip:

<img title="WackyWriters" src="https://storage.wackywriters.com/original/2X/1/15ea83bc7eaf249cc758b6b18b1e83d677760ca9.png">

How it should appear:

alt=""

Contains a description of the image. Although this attribute is invisible majority of the time, screen readers and browsers where images have been disabled will replace the image with the alt text instead.

In order to test this feature, you can temporarily disable images from loading (Google Chrome, Firefox).

Demo:

<img> without alt attribute:

<img src="https://storage.wackywriters.com/original/2X/1/15ea83bc7eaf249cc758b6b18b1e83d677760ca9.png">

<img> with alt="Legacy WackyWriters Logo":

<img alt="Legacy WackyWriters Logo" src="https://storage.wackywriters.com/original/2X/1/15ea83bc7eaf249cc758b6b18b1e83d677760ca9.png">