Kamis, 10 April 2025

HTML Images

1. Type this following HTML code in Web editor:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<title>HTML Images</title>
</head>

<body>
<img src="pict/prImage1.jpeg" />
</body>
</html>
2. Save the file as HTMLimages.html
3. To see the output, open the file using browser (e.g. Google Chrome).

HTML Img tag Notes:

  • The <img> HTML element embeds an image into the document.
  • The <img> tag is empty (can never have content), it contains attributes only, and does not have a closing tag. Empty elements in the XHTML or XML family must add the  /> at the end of a tag, but without it they may incorrectly parse the tag or its attributes. HTML user agents also may not recognize the alternate syntax permitted by .
  • src attribute - Specifies the path to the image.
  • for alt attribute, click on the HTML Alternate Text.

Output

< back to Learn HTML

Bibliography

https://developer.mozilla.org/en-US/ (manual book)
https://teamtreehouse.com/library
https://www.netflix.com/
https://www.w3schools.com/
http://www.w3.org/ (manual book)

Tidak ada komentar:

Posting Komentar