Tag: html

HTML <area> shape Attribute

Example An image-map, with clickable areas: <img src =”planets.gif” width=”145″ height=”126″ alt=”Planets” usemap=”#planetmap”> <map name=”planetmap”> <area shape=”rect” coords=”0,0,82,126″ href=”sun.htm” alt=”Sun”> <area shape=”circle” coords=”90,58,3″ href=”mercur.htm” alt=”Mercury”> <area shape=”circle” coords=”124,58,8″ href=”venus.htm” alt=”Venus”> </map> Try it Yourself » Definition and Usage The shape attribute specifies the shape of an area. The shape attribute is used together with the coords attribute to specify the size, shape, and placement of an area. Browser Support Attribute shape Yes Yes Yes Yes […]

HTML <area>  coords Attribute

Example An image-map, with clickable areas: <img src =”planets.gif” width=”145″ height=”126″ alt=”Planets” usemap=”#planetmap”> <map name=”planetmap”> <area shape=”rect” coords=”0,0,82,126″ href=”sun.htm” alt=”Sun”> <area shape=”circle” coords=”90,58,3″ href=”mercur.htm” alt=”Mercury”> <area shape=”circle” coords=”124,58,8″ href=”venus.htm” alt=”Venus”> </map> Try it Yourself » Definition and Usage The coords attribute specifies the coordinates of an area in an image-map. The coords attribute is used together with the shape attribute to specify the size, shape, and placement of an area. Tip: The coordinates of the top-left […]

HTML <area> alt Attribute

Example An image-map, with clickable areas: <img src=”planets.gif” width=”145″ height=”126″ alt=”Planets” usemap=”#planetmap”><map name=”planetmap”> <area shape=”rect” coords=”0,0,82,126″ href=”sun.htm” alt=”Sun”> <area shape=”circle” coords=”90,58,3″ href=”mercur.htm” alt=”Mercury”> <area shape=”circle” coords=”124,58,8″ href=”venus.htm” alt=”Venus”> </map> Try it Yourself » Definition and Usage The alt attribute specifies an alternate text for an area, 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 […]

HTML <map> Tag

Example An image-map, with clickable areas: <img src=”planets.gif” width=”145″ height=”126″ alt=”Planets” usemap=”#planetmap”> <map name=”planetmap”> <area shape=”rect” coords=”0,0,82,126″ href=”sun.htm” alt=”Sun”> <area shape=”circle” coords=”90,58,3″ href=”mercur.htm” alt=”Mercury”> <area shape=”circle” coords=”124,58,8″ href=”venus.htm” alt=”Venus”> </map> Try it Yourself » Definition and Usage The <map> tag is used to define a client-side image-map. An image-map is an image with clickable areas. The required name attribute of the <map> element is associated with the <img>’s usemap attribute and creates a […]

HTML <img> Tag

Example How to insert an image: <img src=”smiley.gif” alt=”Smiley face” height=”82″ width=”82″> Try it Yourself » More “Try it Yourself” examples below. Definition and Usage The <img> tag defines an image in an HTML page. The <img> tag has two required attributes: src and alt. Note: Images are not technically inserted into an HTML page, images are linked to HTML […]

HTML <object> Tag

Example How to use the <object> element to embed a Flash file: <object width=”400″ height=”400″ data=”DW.swf”></object> Try it Yourself » Definition and Usage The <object> tag defines an embedded object within an HTML document. Use this element to embed multimedia (like audio, video, Java applets, ActiveX, PDF, and Flash) in your web pages. You can also use the […]

HTML <embed> Tag

Example An embedded flash animation: <embed src=”helloworld.swf”> Try it Yourself » Definition and Usage The <embed> tag defines a container for an external application or interactive content (a plug-in). Browser Support Element <embed> Yes Yes Yes Yes Yes Differences Between HTML 4.01 and HTML5 The <embed> tag is new in HTML5. Note: Many web browsers have supported […]

HTML <applet> Tag

Not Supported in HTML5 Example An embedded Java applet: <applet code=”Bubbles.class” width=”350″ height=”350″> Java applet that draws animated bubbles. </applet> Definition and Usage The <applet> tag is not supported in HTML5. Use <embed> or <object> instead. The <applet> tag defines an embedded applet. Differences Between HTML 4.01 and HTML5 The <applet> tag is not supported in HTML5. Required Attributes Attribute Value Description […]

HTML <address> Tag

Example Contact information for Example.com: <address> Written by <a href=”mailto:webmaster@example.com”>Jon Doe</a>.<br> Visit us at:<br> Example.com<br> Box 564, Disneyland<br> USA </address> Try it Yourself » Definition and Usage The <address> tag defines the contact information for the author/owner of a document or an article. If the <address> element is inside the <body> element, it represents contact information for […]

HTML DOM Address Object

Address Object The Address object represents an HTML <address> element. Access an Address Object You can access an <address> element by using getElementById(): Example var x = document.getElementById(“myAdr”); Try it Yourself » Create an Address Object You can create an <address> element by using the document.createElement() method: Example var x = document.createElement(“ADDRESS”); Try it Yourself » Standard […]

HTML DOM Abbreviation Object

Abbreviation Object The Abbreviation object represents an HTML <abbr> element. Access an Abbreviation Object You can access an <abbr> element by using getElementById(): Example var x = document.getElementById(“myAbbr”); Try it Yourself » Create an Abbreviation Object You can create an <abbr> element by using the document.createElement() method: Example var x = document.createElement(“ABBR”); Try it Yourself » Standard […]

HTML Tutorials

With HTML you can create your own Website. This tutorial teaches you everything about HTML. HTML is easy to learn – You will enjoy it.

HTML Form

This section will teach you the basics of HTML forms in detail. HTML Forms HTML Forms HTML Form Elements HTML Input Types HTML Input Attributes

HTML <area> Tag

Example An image-map, with clickable areas: <img src=”planets.gif” width=”145″ height=”126″ alt=”Planets” usemap=”#planetmap”><map name=”planetmap”> <area shape=”rect” coords=”0,0,82,126″ href=”sun.htm” alt=”Sun”> <area shape=”circle” coords=”90,58,3″ href=”mercur.htm” alt=”Mercury”> <area shape=”circle” coords=”124,58,8″ href=”venus.htm” alt=”Venus”> </map> Try it Yourself » Definition and Usage The <area> tag defines an area inside an image-map (an image-map is an image with clickable areas). The <area> element is always nested inside a <map> tag. Note: The usemap attribute in the <img> tag is associated with the <map> element’s […]

HTML <a> ping Attribute

Example When the user clicks on the w3schools.com/html link, notify w3schools.com/trackpings: <a href=”https://dwfaisalabad.com/” ping=”https://dwfaisalabad.com/trackpings”> Definition and Usage The ping attribute specifies a list of URLs to be notified if the user follows the hyperlink. When the user clicks on the hyperlink, the ping attribute will send a short HTTP POST request to the specified URL. This attribute […]

HTML <a> rel Attribute

Example A link with a rel attribute: <a rel=”nofollow” href=”https://dwfaisalabad.com/”>DW Fsd</a> Try it Yourself » Definition and Usage The rel attribute specifies the relationship between the current document and the linked document. Only used if the href attribute is present. Differences Between HTML 4.01 and HTML5 Some values are removed, and some new values are added. Syntax […]

HTML <a> rev Attribute

Example A link with a rev attribute: <a rev=”nofollow” href=”https://dwfaisalabad.com/”>Cheap Flights</a> Try it Yourself » Definition and Usage The <a> rev attribute is not supported in HTML5. The rev attribute specifies the relationship between the linked document and the current document. The rev attribute is the reverse of the rel attribute. Syntax <a rev=”value“> Attribute Values Value Description alternate […]

HTML <a> shape Attribute

Example Use of the shape and coords attribute in an <a> element, to create an image-map: <object data=”planets.gif” alt=”Planets” type=”image/gif” usemap=”#Map1″> <map name=”Map1″> <a href=”sun.htm” shape=”rect” coords=”0,0,82,126″>The Sun</a> <a href=”mercur.htm”shape=”circle” coords=”90,58,3″>Mercury</a> <a href=”venus.htm” shape=”circle” coords=”124,58,8″>Venus</a> </map> </object> Try it Yourself » Definition and Usage The <a> shape attribute is not supported in HTML5. The shape attribute is used together with the coords attribute to specify the size, shape, and placement […]

HTML <a> target Attribute

Example The target attribute specifies where to open the linked document: <a href=”https://dwfaisalabad.com” target=”_blank”>Visit DW Fsd</a> Try it Yourself » Definition and Usage The target attribute specifies where to open the linked document. Syntax <a target=”_blank|_self|_parent|_top|framename“> Attribute Values Value Description _blank Opens the linked document in a new window or tab _self Opens the linked […]

HTML <a> type Attribute

Example The type attribute specifies the media type of the linked document: <a href=”https://dwfaisalabad.com” type=”text/html”>dwfaisalabad</a> Try it Yourself » Definition and Usage The type attribute specifies the Internet media type (formerly known as MIME type) of the linked document. This attribute is only used if the href attribute is set. Note: This attribute is purely advisory. Differences Between […]