Example Format text in a document: <strong>Strong text</strong> Try it Yourself » Definition and Usage The <strong> tag is a phrase tag. It defines important text. Tip: This tag is not deprecated, but it is possible to achieve richer effect with CSS. All phrase tags: Tag Description <em> Renders as emphasized text <strong> Defines important text […]
Example Format text in a document: <em>Emphasized text</em> Try it Yourself » Definition and Usage The <em> tag is a phrase tag. It renders as emphasized text. Tip: This tag is not deprecated, but it is possible to achieve richer effect with CSS. All phrase tags: Tag Description <em> Renders as emphasized text <strong> Defines important […]
Example <p>This is normal text – <b>and this is bold text</b>.</p> Try it Yourself » Definition and Usage The <b> tag specifies bold text. Browser Support Element <b> Yes Yes Yes Yes Yes Differences Between HTML 4.01 and HTML5 NONE. Tips and Notes Note: According to the HTML 5 specification, the <b> tag should be used as […]
Example Play a sound: <audio controls> <source src=”Wild_Pogo.mp3″ type=”audio/mpeg”> Your browser does not support the audio tag. </audio> Try it Yourself » Definition and Usage The <audio> tag defines sound, such as music or other audio streams. Currently, there are 3 supported file formats for the <audio> element: MP3, WAV, and OGG: Browser MP3 WAV OGG Internet Explorer […]
Example An audio player: <audio src=”horse.ogg” controls> Your browser does not support the audio element. </audio> Try it Yourself » Definition and Usage The src attribute specifies the location (URL) of the audio file. The example above uses an Ogg file, and will work in Firefox, Opera and Chrome. To play the audio file in Internet Explorer […]
Example An audio player with two source files. The browser should choose which file (if any) it has support for: <audio controls> <source src=”horse.ogg” type=”audio/ogg”> <source src=”horse.mp3″ type=”audio/mpeg”> Your browser does not support the audio element. </audio> Try it Yourself » More “Try it Yourself” examples below. Definition and Usage The <source> tag is used to specify multiple media resources […]
Example Author thinks that the sound should NOT be loaded when the page loads: <audio controls preload=”none”> <source src=”https://dwfaisalabad.com/downloads/Wild_Pogo.mp3″ type=”audio/mpeg”> Your browser does not support the audio element. </audio> Try it Yourself » Definition and Usage The preload attribute specifies if and how the author thinks that the audio file should be loaded when the page […]
Example A muted audio: <audio controls muted> <source src=”https://dwfaisalabad.com/downloads/Wild_Pogo.mp3″ type=”audio/mpeg”> Your browser does not support the audio tag. </audio> Try it Yourself » Definition and Usage The muted attribute is a boolean attribute. When present, it specifies that the audio output should be muted. Browser Support The numbers in the table specify the first browser version […]
Example A song that will start over again, every time it is finished: <audio controls loop> <source src=”https://dwfaisalabad.com/downloads/Wild_Pogo.mp3″ type=”audio/mpeg”> Your browser does not support the audio element. </audio> Try it Yourself » Definition and Usage The loop attribute is a boolean attribute. When present, it specifies that the audio will start over again, every time it […]
Example An audio file that will automatically start playing: <audio controls autoplay> <source src=”horse.mp3″ type=”audio/mpeg”> Your browser does not support the audio element. </audio> Try it Yourself » Definition and Usage The autoplay attribute is a boolean attribute. When present, the audio will automatically start playing as soon as it can do so without stopping. Browser Support The […]
Example <p>My family and I visited The Epcot center this summer.</p> <aside> <h4>Epcot Center</h4> <p>The Epcot Center is a theme park in Disney World, Florida.</p> </aside> Try it Yourself » Definition and Usage The <aside> tag defines some content aside from the content it is placed in. The aside content should be related to the […]
Example <article> <h1>Google Chrome</h1> <p>Google Chrome is a free, open-source web browser developed by Google, released in 2008.</p> </article> Try it Yourself » Definition and Usage The <article> tag specifies independent, self-contained content. An article should make sense on its own and it should be possible to distribute it independently from the rest of the […]
Example An image-map, with clickable areas, and a target attribute: <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” target=”_blank”> <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 target attribute specifies where to open the linked document. Only used if the href attribute is present. Browser Support Attribute target Yes Yes Yes Yes Yes Differences Between HTML […]
Example An image-map, with a clickable area: <img src=”planets.gif” width=”145″ height=”126″ alt=”Planets” usemap=”#planetmap”> <map name=”planetmap”> <area shape=”rect” coords=”0,0,82,126″ alt=”Sun” href=”sun.htm” rel=”alternate”> </map> 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. Browser Support Attribute rel Yes Yes Yes Yes Yes Differences Between HTML 4.01 and […]
Example An image-map, with a clickable area: <img src=”planets.gif” width=”145″ height=”126″ alt=”Planets” usemap=”#planetmap”> <map name=”planetmap”> <area shape=”rect” coords=”0,0,82,126″ alt=”Sun” href=”sun.htm” media=”screen and (min-color-index:256)”> </map> Try it Yourself » Definition and Usage The media attribute specifies what media/device the target URL is optimized for. This attribute is used to specify that the URL is designed for special devices (like iPhone) , speech or print media. This […]
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 href attribute specifies the hyperlink target for the area. If the href attribute is not present, the <area> tag is not a hyperlink. Differences Between HTML 4.01 and HTML5 In HTML5, if the <area> […]
Example An image-map with clickable areas that will be downloaded when clicked on: <img src=”planets.gif” width=”145″ height=”126″ alt=”Planets” usemap=”#planetmap”> <map name=”planetmap”> <area shape=”rect” coords=”0,0,82,126″ alt=”Sun” href=”info_about_the_sun.htm”download=”sun”> <area shape=”circle” coords=”90,58,3″ alt=”Mercury” href=”merglobe.gif”download=”mercury”> <area shape=”circle” coords=”124,58,8″ alt=”Venus”href=”information_about_the_planet_venus.txt” download=”venus”> </map> Try it Yourself » More “Try it Yourself” examples below. Definition and Usage The download attribute specifies that the target will be downloaded when a user clicks on the hyperlink. This attribute is only used if […]
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 […]
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 […]
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 […]
