Thursday, December 22, 2016

HTML5 alt attribute - Web development Lessons

Alt Attribute
                               
                                                          Alt attribute represents alternative. You can give a text alternative for a image or link using this attribute. Why you need to give alt attribute for an image. When user search using search engine by text your image also will be listed by user's query.

For example :

<img src="world.jpg" alt="free-ads-world" width="50" height="50"

So its one of the method related to search engine optimization. If you want to better result when search users please use alt attribute related to your website.

Better result you can use as lower case letters in alt attribute.


Example code:

<!DOCTYPE html>
<HEAD>
<TITLE>Web Development Example</TITLE>
<meta charset="UTF-8">
</HEAD>
<BODY>

<h1 style="text-align:center;color:green;" title="This is heading 

tooltip">Heading</h1>

<p style="text-align:center;color:red">Hi! Greetings. I am a paragraph 

with red colored text and centered.</p>

<a href="http://www.freeadsimple.com">Post Free Ads</a>

<img src="world.jpg" alt="free-ads-world" width="50" height="50">


</BODY>
</html>


All other attributes are

id, disabled, style, title represents unique Id for a thing,  disable, to represent style or title.

Thank you for reading.... Will continue HTML5 in next pages.....




No comments:

Post a Comment