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, 5182👍, 0💬

What Are BIG and SMALL Tags/Elements
What Are BIG and SMALL Tags/Elements? - XHTML 1.0 Tutorials - Understanding In-line Elements and Tags "big" and "small" elements are inline elements that you can use to specify text to be displayed in bigger and smaller font sizes respectively. Here are basic rules about "big" and "small" elements: ... 2007-05-12, 5374👍, 0💬

What Are DEL and INS Tags/Elements
What Are DEL and INS Tags/Elements? - XHTML 1.0 Tutorials - Understanding In-line Elements and Tags "del" and "ins" elements are inline elements that you can use to specify text to be treated as deleted text and inserted text respectively. Here are basic rules about "del" and "ins" elements: "del" a... 2007-05-12, 5350👍, 0💬

What Is a BR Tag/Element
What Is a BR Tag/Element? - XHTML 1.0 Tutorials - Understanding In-line Elements and Tags A "br" element is an inline element that you can use to specify a line break in the paragraph. Here are basic rules about "br" elements: "br" elements are inline elements. "br" elements can not be used at block... 2007-05-12, 5300👍, 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, 5293👍, 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, 5257👍, 0💬

What Are Other Inline Elements
What Are Other Inline Elements? - XHTML 1.0 Tutorials - Understanding In-line Elements and Tags Other inline elements that are not covered in this collection: a - Defining an anchor. img - Defining an image. map - Defining a clickable image map. input - Defining an input field in a form. select - De... 2007-05-12, 5214👍, 0💬

What Is a SCRIPT Tag/Element
What Is a SCRIPT Tag/Element? - XHTML 1.0 Tutorials - Understanding In-line Elements and Tags A "script" element is both an inline element and a block element that you can use to specify a script code to be executed by browsers. Here are basic rules about "script" elements: "script" elements are inl... 2007-05-12, 5191👍, 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, 5183👍, 0💬

How To Reduce the Display Size of an Image
How To Reduce the Display Size of an Image? - XHTML 1.0 Tutorials - Understanding Inline Images and Image Maps If an image embedded inline is too big when displayed in a browser, you can use "width" and "height" attributes to reduce the image's display size. The display width and height should be pr... 2007-05-12, 5177👍, 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.