What Is an IMG Tag/Element

Q

What Is an IMG Tag/Element? - XHTML 1.0 Tutorials - Understanding Inline Images and Image Maps

✍: FYIcenter.com

A

A "img" element is an inline element that you can use to define an inline image to be included in a XHTML document. Here are basic rules about an "img" element:

"img" elements are inline elements.
A "img" element must have empty content.
A "img" element requires an attribute called "src" to specify the URL of the image file.
A "img" element requires an attribute called "alt" to specify the name of the image.
A "img" element will cause browsers to fetch the image, and displayed it inline in a paragraph block. The image name will be displayed when users mouse over the image.

Here is a simple example of an "img" element:

<?xml version="1.0" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
 <head>
  <title>Inline Images</title>
 </head>
 <body>
  <h4>Inline Images</h4>
  <p style="background-color: #eeeeee; padding: 8px;">
   What's the image title? 
   <img src="/moonrise.jpg"" alt="Moonrise"/>
   Mouse over the image to find out.</p>
 </body>
</html>

If you save the above document as inline_image.html, download this image file and view it with Internet Explorer, you will see an image embedded inline in a text paragraph as shown below:
Inline Images

2007-05-12, 4898👍, 0💬

What Are the Attributes of an IMG Element
What Are the Attributes of an IMG Element? - XHTML 1.0 Tutorials - Understanding Inline Images and Image Maps There are 4 commonly used attributes for an "img" element: "src" - Required attribute. Used to specify the URL of the image file. "alt" - Required attribute. Used to specify the name of the ... 2007-05-12, 5457👍, 0💬

How To Float an Image to the Right Side
How To Float an Image to the Right Side? - XHTML 1.0 Tutorials - Understanding Inline Images and Image Maps If you want to float an image to the right side of the paragraph instead of inline within a text line, you have to use the CSS property "float" to do this. The "float" property takes two value... 2007-05-12, 5393👍, 0💬

What Is a Server-Side Image Map
What Is a Server-Side Image Map? - XHTML 1.0 Tutorials - Understanding Inline Images and Image Maps A server-side image map is an image inside a hyper link. The image must be defined with the "ismap" attribute in the "img" element. When a server-side image map is clicked in a browser window, the mou... 2007-05-12, 5353👍, 0💬

How To Float an Image to the Right Side
How To Float an Image to the Right Side? - XHTML 1.0 Tutorials - Understanding Inline Images and Image Maps If you want to float an image to the right side of the paragraph instead of inline within a text line, you have to use the CSS property "float" to do this. The "float" property takes two value... 2007-05-12, 5291👍, 0💬

What Is an Animated Image
What Is an Animated Image? - XHTML 1.0 Tutorials - Understanding Inline Images and Image Maps An animated image is a special image file saved in animated GIF format. When an animated image is displayed in a browser window, multiple image frames will be displayed in sequence to form a simple animatio... 2007-05-12, 5224👍, 0💬

What Is an Animated Image
What Is an Animated Image? - XHTML 1.0 Tutorials - Understanding Inline Images and Image Maps An animated image is a special image file saved in animated GIF format. When an animated image is displayed in a browser window, multiple image frames will be displayed in sequence to form a simple animatio... 2007-05-12, 5180👍, 0💬

What Is a Client-Side Image Map
What Is a Client-Side Image Map? - XHTML 1.0 Tutorials - Understanding Inline Images and Image Maps A client-side image map is an image defined with the "ismap" attribute and the "usemap" attribute. When a client-side image map is clicked in a browser window, the browser will take mouse coordinates ... 2007-05-12, 5127👍, 0💬

What Is a MAP Tag/Element
What Is a MAP Tag/Element? - XHTML 1.0 Tutorials - Understanding Inline Images and Image Maps A "map" element is special inline element that you to define map entries to be used by image maps. Here are some basic rules on "map" elements: "map" elements are inline elements. "map" elements can not hav... 2007-05-12, 4935👍, 0💬

What Is an IMG Tag/Element
What Is an IMG Tag/Element? - XHTML 1.0 Tutorials - Understanding Inline Images and Image Maps A "img" element is an inline element that you can use to define an inline image to be included in a XHTML document. Here are basic rules about an "img" element: "img" elements are inline elements. A "img" ... 2007-05-12, 4899👍, 0💬

All rights in the contents of this web site are reserved by the individual author. fyicenter.com does not guarantee the truthfulness, accuracy, or reliability of any contents.