Tag: learn html

HTML <datalist> Tag

Example An <input> element with pre-defined values in a <datalist>: <input list=”browsers”> <datalist id=”browsers”> <option value=”Internet Explorer”> <option value=”Firefox”> <option value=”Chrome”> <option value=”Opera”> <option value=”Safari”> </datalist> Try it Yourself » Definition and Usage The <datalist> tag specifies a list of pre-defined options for an <input> element. The <datalist> tag is used to provide an “autocomplete” feature on <input> elements. Users will see […]

HTML DOM Datalist Object

Datalist Object  The Datalist Object is new in HTML5. The Datalist object represents an HTML <datalist> element. Note: The <datalist> element is not supported in Internet Explorer 9 (and earlier versions), or Safari. Access a Datalist Object You can access a <datalist> element by using getElementById(): Example var x = document.getElementById(“myDatalist”); Try it Yourself » Create a […]

HTML <data> Tag

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 […]

HTML <col> width Attribute

Example Two <col> elements with a predefined width: <table> <col width=”130″> <col width=”80″> <tr> <th>Month</th> <th>Savings</th> </tr> <tr> <td>January</td> <td>$100</td> </tr> <tr> <td>February</td> <td>$80</td> </tr> </table> Try it Yourself » Definition and Usage The width attribute specifies the width of a <col> element. Normally, a <col> element takes up the space it needs to display the content. […]

HTML <caption> Tag

Example A table with a caption: <table> <caption>Monthly savings</caption> <tr> <th>Month</th> <th>Savings</th> </tr> <tr> <td>January</td> <td>$100</td> </tr> </table> Try it Yourself » Definition and Usage The <caption> tag defines a table caption. The <caption> tag must be inserted immediately after the <table> tag. Note: You can specify only one caption per table. Tip: By default, a table […]

HTML DOM Blockquote Object

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

HTML <q> Tag

Example Mark up a short quotation: <p>WWF’s goal is to: <q>Build a future where people live in harmony with nature.</q> We hope they succeed.</p> Try it Yourself » Definition and Usage The <q> tag defines a short quotation. Browsers normally insert quotation marks around the quotation. Browser Support Element <q> Yes Yes Yes Yes Yes […]

HTML DOM Bdo Object

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

HTML <basefont> Tag

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 […]

HTML <basefont> color Attribute

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 […]

HTML <base> Tag

Example Specify a default URL and a default target for all links on a page: <head> <base href=”https://www.schools.com/images/” target=”_blank”> </head><body> <img src=”stickman.gif” width=”24″ height=”39″ alt=”Stickman”> <a href=”https://www.schools.com”>Schools</a> </body> Try it Yourself » Definition and Usage The <base> tag specifies the base URL/target for all relative URLs in a document. There can be at maximum one <base> element in a document, and it […]

HTML <mark> Tag

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 […]

HTML <em> Tag

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 […]

HTML <b> Tag

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 […]

HTML <audio> src Attribute

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 […]

HTML <audio> preload Attribute

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 […]

HTML <audio> loop Attribute

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 […]

HTML <audio> controls Attribute

Example An <audio> element with browser default controls: <audio controls> <source src=”horse.mp3″ type=”audio/mpeg”> Your browser does not support the audio element. </audio> Try it Yourself » Definition and Usage The controls attribute is a boolean attribute. When present, it specifies that audio controls should be displayed. Audio controls should include: Play Pause Seeking Volume Browser Support The numbers […]

HTML <audio> autoplay Attribute

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 […]

HTML <article> Tag

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 […]