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 form with two submit buttons. The first submit button submits the form data with default validation, and the second submits the form data without validation: <form action=”/action_page.php” method=”get”> E-mail: <input type=”email” name=”userid”><br> <button type=”submit”>Submit</button><br> <button type=”submit” formnovalidate>Submit without validation</button> </form> Try it Yourself » Definition and Usage The formnovalidate attribute is a boolean attribute. When present, it specifies that the form-data […]
Example Two button elements that act as one submit button and one reset button (in a form): <form action=”/action_page.php” method=”get”> First name: <input type=”text” name=”fname”><br> Last name: <input type=”text” name=”lname”><br> <button type=”submit” value=”Submit”>Submit</button> <button type=”reset” value=”Reset”>Reset</button> </form> Try it Yourself » Definition and Usage The type attribute specifies the type of button. Tip: Always specify the type attribute for the <button> element. Different browsers may use different default […]
Example A form with two submit buttons. The first submit button submits the form data to “action_page.php”, and the second submits to “action_page2.php”: <form action=”/action_page.php” method=”get”> First name: <input type=”text” name=”fname”><br> Last name: <input type=”text” name=”lname”><br> <button type=”submit”>Submit</button><br> <button type=”submit” formaction=”/action_page2.php“>Submit to another page</button> </form> Try it Yourself » Definition and Usage The formaction attribute specifies where to send the form-data when a form is submitted. […]
Example A button located outside a form (but still a part of the form): <form action=”/action_page.php” method=”get” id=”form1″> First name: <input type=”text” name=”fname”><br> Last name: <input type=”text” name=”lname”><br> </form> <button type=”submit” form=”form1″ value=”Submit”>Submit</button> Try it Yourself » Definition and Usage The form attribute specifies one or more forms the button belongs to. Browser Support The numbers in the table specify the first browser version that fully supports […]
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 Specify the color of text in an HTML document: <html> <body text=”green”> <h1>Hello world!</h1> <p><a href=”https://www.w3schools.com”>Visit W3Schools.com!</a></p> </body> </html> Try it Yourself » Definition and Usage The text attribute specifies the color of the text in a document. Browser Support Attribute text Yes Yes Yes Yes Yes Compatibility Notes The <body> text attribute is not supported […]
Example Specify a background color for an HTML document: <html> <body bgcolor=”#E6E6FA”> <h1>Hello world!</h1> <p><a href=”https://www.w3schools.com”>Visit W3Schools.com!</a></p> </body> </html> Try it Yourself » Definition and Usage The bgcolor attribute specifies the background color of a document. Browser Support Attribute bgcolor Yes Yes Yes Yes Yes Compatibility Notes The <body> bgcolor attribute is not supported in HTML5. Use […]
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 […]
Example Specify the text direction: <bdo dir=”rtl”> This text will go right-to-left. </bdo> Try it Yourself » Definition and Usage bdo stands for Bi-Directional Override. The <bdo> tag is used to override the current text direction. Browser Support Element <bdo> Yes Yes Yes Yes Yes Differences Between HTML 4.01 and HTML5 NONE. Attributes Attribute Value Description […]
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 […]
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 the default font-size for text on page: <head> <basefont size=”7″> </head> <body> <h1>This is a heading</h1> <p>This is a paragraph.</p> </body> Try it Yourself » Definition and Usage The size attribute specifies the default font-size for the text in a document. Browser Support Attribute size Not supported Not supported Not supported Not supported Not […]
Example Specify the default font for text on page: <head> <basefont face=”courier, serif”> </head> <body> <h1>This is a heading</h1> <p>This is a paragraph.</p> </body> Try it Yourself » Definition and Usage The face attribute specifies the default font for the text in a document. Browser Support Attribute face Not supported Not supported Not supported Not supported […]
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 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 <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 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 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 […]
