HTMLs Tutorial

HTML Tutorial HTML Tags HTML Basic Tags HTML Attributes HTML Elements HTML Formatting HTML Text Format HTML <body> tag HTML <samp> tag HTML <script> Tag HTML <section> tag HTML <select> tag HTML <source> tag HTML <span> tag HTML <strike> tag HTML <strong> tag HTML <style> tag HTML <sub> tag HTML <summary> tag HTML <sup> Tag HTML <svg> tag HTML <table> tag HTML <u> tag HTML Headings HTML Paragraphs HTML <wbr> tag HTML Anchor HTML Image HTML Lists HTML Ordered List HTML Unordered List HTML Form HTML Form input HTML with CSS HTML Layouts HTML References HTML Frames HTML Links

HTML5 Advance

HTML5 Tutorial HTML5 Tags HTML<Button>Tag HTML <canvas> Tag HTML<caption> Tag HTML City tag HTML <Data> Tag HTML5 SVG HTML Event Attribute HTML5 Audio HTML5 Youtube HTML5 Button Tag HTML5 Tags

Misc

How to add JavaScript to HTML How to change font in HTML How to change text color in HTML HTML Date HTML Hide Element HTML Nested Table HTML Reset Button What does HTML stand for? HTML Background Image HTML <address> Tag Div Tag in HTML How to insert Image in HTML How to create a link with no underline in HTML How to insert spaces/tabs in text using HTML/CSS HTML <br> tag HTML Code HTML <video> Tag HTML Canvas Design a tribute page using HTML and CSS What is a Container tag Font tag in HTML Difference between HTML and DHTML Empty Tag in HTML HTML Button Link Html Line Break Img src HTML Nested List in HTML Placeholder in HTML TD in HTML HTML Space Code HTML Target Attribute

HTML Attributes
2018-06-27 05:06:37

HTML Attributes

  • HTML Attributes provide the additional information about HTML elements.
  • Attributes are always specified in the start tag.
  • Attributes usually comes in pairs.

lang Attribute

This attribute helps in declaring the language of the document. Lang Attribute in case of whole document is declared in the html tag. 
<!DOCTYPE html>  
<html lang="en-US">  
<body>  
...  
</body>  
</html>
href Attribute
This attribute is embedded with the anchor tag (<a>) where href specifies the address of the link. 
<a href="https://www.tutorialandexample.com">Tutorial and Example link</a>

Size Attribute

It defines the size i.e. Height, Width of an image, gif, buttons etc. It can easily understand with the image properties as shown below. 
<img src="te.jpg" width="104" height="142">

Alt Attribute

It provides an alternate text when an image cannot be displayed. This text is displayed when due to any reason image is not loaded but user can read the alternate text to get the reference information about image. 
<img src="w3schools.jpg" alt="W3Schools.com" width="104" height="142">
Style Attributes
It helps in styling of the HTML element. It has the following syntax: 
<tagname style="property:value;">
Examples: 
1) <h1 style="color:blue;">Tutorial and Example</h1>
2) <h1 style="font-size:300%;">Tutorial and Example</h1>
Output:
1.)

Tutorial and Example

2.)

Tutorial and Example