HTML Images

Our clients are our partners, that’s why we choose them carefully:

Make Your Webpage Attractive By Adding Images

In HTML, images are defined with the <img> tag.

The <img> tag is empty, it contains attributes only, and does not have a closing tag.

The src attribute specifies the URL (web address) of the image:

The alt Attribute

The alt attribute specifies an alternate text for an image, if the image cannot be displayed.

The alt attribute provides alternative information for an image if a user for some reason cannot view it (because of slow connection, an error in the src attribute, or if the user uses a screen reader).

If a browser cannot find an image, it will display the alt text:

Image Size - Width and Height

You can use the style attribute to specify the width and height of an image.

The values are specified in pixels (use px after the value):

Image Dimensions

When you have an image, the browser usually figures out how big the image is all by itself. If you put in the image dimensions in pixels however, the browser simply reserves a space for the image, thenloads the rest of the page. Once the entire page is loads it can go back and fill in the images. Without dimensions, when it runs into an image, the browser has to pause loading the page, load the image, then continue loading the page. The chef image would then be:

Open the file mypage2.html in your text editor and add code highlighted in bold:

<html>

<head>

<title>My First Webpage</title>

</head>

<body>

<h1 align="center">My First Web page</h1>

<p>Welcome to my first webpage. I am writing this page using a text editor and plain old html.</p>

<p>By learning html, I'll be able to create web pages like a pro....<br>

which I am of course.</p>

</body>