Search This Blog
Hello Guys!! My name is Ammar Ali. In this blog you will find detailed tutorial videos about web development and web designing languages.. So stay tuned and keep learning..!
Featured
- Get link
- X
- Other Apps
05 - HTML Images and Image Mapping
In this article we will take a look on HTML Image and how to do Image mapping in HTML:
HTML Image:
Image play main role in any website, without image the website will look dull and will not attract the newly come visitors.
To add images in HTML we use 'img' tag. And inside that img tag we refer the image file path with using 'src' source attribute to locate where the image is being placed.
Syntax: <img src="FILE_PATH_HERE"/>
ALT Attribute in img tag:
This attribute is play most important role in two things, First thing its good for SEO optimization because the google will not know that your website contains image unless you use 'alt' attribute in your img tag. We can write the small info about the image in 'alt' attribute.
For example; if your place the logo for your website you can write Logo in your alt attribute.
Setting width and height in img tag:
To set width and height of your image you can use 'width' and 'height' attributes in img tag.
Adding Favicon in your page:
Favicon is located in page tab just before of your page title. Favicon will be add into the head section of your html page inside head section we use 'link' tag.
Syntax: <link href="favicon.png"/>
Inside 'href' attribute we write the favicon image file path. The size of favicon will be 13px by 13px.
Image Mapping:
For image mapping please follow the below video tutorial.
Full Tutorial:
- Get link
- X
- Other Apps
Popular Posts
How To Remove JotForm Branding (With Using Code)
- Get link
- X
- Other Apps
Comments
Post a Comment