Example A description list, with terms and descriptions: <dl> <dt>Coffee</dt> <dd>Black hot drink</dd> <dt>Milk</dt> <dd>White cold drink</dd> </dl> Try it Yourself » Definition and Usage The <dl> tag defines a description list. The <dl> tag is used in conjunction with <dt> (defines terms/names) and <dd> (describes each term/name). Browser Support Element <dl> Yes Yes Yes Yes Yes Differences Between […]
Example The following example displays product names but also associates each name with a product number: <ul> <li><data value=”21053″>Cherry Tomato</data></li> <li><data value=”21054″>Beef Tomato</data></li> <li><data value=”21055″>Snack Tomato</data></li> </ul> Try it Yourself » Definition and Usage The <data> tag links the given content with a machine-readable translation. This element provides both a machine-readable value for data processors, and a human-readable […]
Example How to define a time and a date: <p>We open at <time>10:00</time> every morning.</p> <p>I have a date on <time datetime=”2008-02-14 20:00″>Valentines day</time>.</p> Try it Yourself » Definition and Usage The <time> tag defines a human-readable date/time. This element can also be used to encode dates and times in a machine-readable way so that user agents can offer […]
Example Format text in a document: <kbd>Keyboard input</kbd> Try it Yourself » Definition and Usage The <kbd> tag is a phrase tag. It defines keyboard input. 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: <samp>Sample output from a computer program</samp> Try it Yourself » Definition and Usage The <samp> tag is a phrase tag. It defines sample output from a computer program. Tip: This tag is not deprecated, but it is possible to achieve richer effect with CSS. All phrase tags: Tag Description <em> […]
Example Define the title of a work with the <cite> tag: <p><cite>The Scream</cite> by Edward Munch. Painted in 1893.</p> Try it Yourself » Definition and Usage The <cite> tag defines the title of a work (e.g. a book, a song, a movie, a TV show, a painting, a sculpture, etc.). Note: A person’s name is not the […]
Example A line break is marked up as follows: This text contains<br>a line break. Try it Yourself » Definition and Usage The <br> tag inserts a single line break. The <br> tag is an empty tag which means that it has no end tag. Browser Support Element <br> Yes Yes Yes Yes Yes Tips and […]
Example A simple HTML document, with the minimum of required tags: <html> <head> <title>Title of the document</title> </head><body> The content of the document…… </body></html> Try it Yourself » Definition and Usage The <body> tag defines the document’s body. The <body> element contains all the contents of an HTML document, such as text, hyperlinks, images, tables, […]
Example Set the active link color to “green” in an HTML document: <html> <body alink=”green”> <p><a href=”https://www.w3schools.com”>W3Schools.com</a></p> <p><a href=”https://www.w3schools.com/html/”>HTML Tutorial</a></p> </body> </html> Try it Yourself » Definition and Usage The alink attribute specifies the color of an active link in a document (a link is activated when it is clicked). Browser Support Attribute alink Yes Yes Yes Yes […]
Not Supported in HTML5. Example Make text bigger than normal: <p><big>Bigger text</big></p> Try it Yourself » Definition and Usage The <big> tag is not supported in HTML5. Use CSS instead. The <big> tag defines bigger text. Browser Support Element <big> Yes Yes Yes Yes Yes Differences Between HTML 4.01 and HTML5 The <big> tag is […]
Not Supported in HTML5. Example Specify a default text-color and font-size for text on page: <head> <basefont color=”red” size=”5″> </head><body> <h1>This is a heading</h1> <p>This is a paragraph.</p> </body> Try it Yourself » Definition and Usage The <basefont> tag is not supported in HTML5. Use CSS instead. The <basefont> tag specifies a default text-color, font-size, or font-family […]
Example Specify a default font-color for text on page: <head> <basefont color=”red”> </head> <body> <h1>This is a heading</h1> <p>This is a paragraph.</p> </body> Try it Yourself » Definition and Usage The color attribute specifies the default font color for the text in a document. Browser Support Attribute color Not supported Not supported Not supported Not supported […]
Example Highlight parts of a text: <p>Do not forget to buy <mark>milk</mark> today.</p> Try it Yourself » Definition and Usage The <mark> tag defines marked text. Use the <mark> tag if you want to highlight parts of your text. Browser Support The numbers in the table specify the first browser version that fully supports the element. Element […]
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 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 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 […]
Example An abbreviation is marked up as follows: The <abbr title=”World Health Organization”>WHO</abbr> was founded in 1948. Try it Yourself » Definition and Usage The <abbr> tag defines an abbreviation or an acronym, like “Mr.”, “Dec.”, “ASAP”, “ATM”. Tip: An abbreviation and an acronym are both shortened versions of something else. Both are often represented as a series of […]
Example Use of the charset attribute in a link: <a charset=”UTF-8″ href=”https://dwfaisalabad.com”>www.dwfaisalabad.com</a> Try it Yourself » Definition and Usage The <a> charset attribute is not supported in HTML5. The charset attribute specifies the character-set of the linked document (the document referenced in the href attribute). Syntax <a charset=”value”> Attribute Values Value Description character_set The character-set of the […]
Example A link to W3Schools.com: <a href=”https://dwfaisalabad.com”>Visit DW Fsd</a> Try it Yourself » More “Try it Yourself” examples below. Definition and Usage The <a> tag defines a hyperlink, which is used to link from one page to another. The most important attribute of the <a> element is the href attribute, which indicates the link’s destination. […]
