Tag: html tutorial for beginners

HTML <iframe> srcdoc Attribute

Example An <iframe> with a srcdoc attribute: <iframe srcdoc=”<p>Hello world!</p>” src=”demo_iframe_srcdoc.htm”></iframe> Try it Yourself » Definition and Usage The srcdoc attribute specifies the HTML content of the page to show in the inline frame. Tip: This attribute is expected to be used together with the sandbox and seamless attributes. If a browser supports the srcdoc attribute, it […]

HTML <iframe> src Attribute

Example An <iframe> in its simplest use: <iframe src=”https://dwfaisalabad.com”></iframe> Try it Yourself » Definition and Usage The src attribute specifies the address of the document to embed in the <iframe>. Browser Support Attribute src Yes Yes Yes Yes Yes Differences Between HTML 4.01 and HTML5 NONE. Syntax <iframe src=”URL“> Attribute Values Value Description URL Specifies the […]

HTML <iframe> scrolling Attribute

Example An <iframe> with scrollbars: <iframe src=”/default.asp” width=”300″ height=”300″ scrolling=”yes”> </iframe> Try it Yourself » Definition and Usage The <iframe> scrolling attribute is not supported in HTML5. Use CSS instead. The scrolling attribute specifies whether or not to display scrollbars in an <iframe>. Normally, scrollbars appear in an <iframe> when the content is larger than the <iframe>. Browser Support […]

HTML <iframe> sandbox Attribute

Example An <iframe> with extra restrictions: <iframe src=”sandbox.htm” sandbox></iframe> Try it Yourself » More “Try it Yourself” examples below. Definition and Usage The sandbox attribute enables an extra set of restrictions for the content in the iframe. When the sandbox attribute is present, and it will: treat the content as being from a unique origin block form […]

HTML <iframe> name Attribute

Example An <iframe> that act as a target for a link: <iframe src=”demo_iframe.htm” name=”iframe_a”></iframe> <a href=”https://dwfaisalabad.com” target=”iframe_a”> Visit DW </a> Try it Yourself » Definition and Usage The name attribute specifies a name for the <iframe>. This name attribute can be used to reference the element in a JavaScript, or as the value of the target attribute of an […]

HTML <iframe> marginheight and marginwidth Attribute

Example An <iframe> with a top and bottom margin of 50 pixels: <iframe src=”demo_iframe.htm” marginheight=”50″ marginwidth=”50″> </iframe> Try it Yourself » Definition and Usage The <iframe> marginheight and marginwidth attribute is not supported in HTML5. Use CSS instead. The marginheight and marginwidth attribute specifies the top and bottom margins  and left and right of the content of an <iframe> […]

HTML <iframe> height and width Attribute

Example An <iframe> with a specified height and width of 200 pixels: <iframe src=”/default.asp” width=”200″ height=”200″> </iframe> Try it Yourself » Definition and Usage The height attribute specifies the height of an <iframe>, in pixels and the width attribute specifies the width of an <iframe>, in pixels. Browser Support Attribute height and width Yes Yes Yes Yes Yes […]

HTML <iframe> frameborder Attribute

Example An <iframe> with no borders: <iframe src=”/default.asp” width=”200″ height=”200″ frameborder=”0″> </iframe> Try it Yourself » Definition and Usage The <iframe> frameborder attribute is not supported in HTML5. Use CSS instead. The frameborder attribute specifies whether or not to display a border around an <iframe>. Tip: It may be better to NOT specify a frameborder, and use CSS to apply borders instead. […]

HTML <iframe> align Attribute

Example A right-aligned <iframe>: <iframe src=”/default.asp” width=”300″ height=”300″ align=”right”> </iframe> Try it Yourself » Definition and Usage The align attribute specifies the alignment of an <iframe> according to the surrounding element. The <iframe> element is an inline element (it does not insert a new line on a page), meaning that text and other elements can wrap around it. Therefore, […]

HTML <iframe> Tag

Example An inline frame is marked up as follows: <iframe src=”https://dwfaisalabad.com”></iframe> Try it Yourself » Definition and Usage The <iframe> tag specifies an inline frame. An inline frame is used to embed another document within the current HTML document. Browser Support Element <iframe> Yes Yes Yes Yes Yes Tips and Notes Tip: To deal with browsers that […]

HTML <style> Tag

Example Use of the <style> element in an HTML document: <html> <head> <style> h1 {color:red;} p {color:blue;} </style> </head> <body><h1>A heading</h1> <p>A paragraph.</p></body> </html> Try it Yourself » Definition and Usage The <style> tag is used to define style information for an HTML document. Inside the <style> element you specify how HTML elements should render in a […]

HTML <meta> Tag

Example Describe metadata within an HTML document: <head> <meta charset=”UTF-8″> <meta name=”description” content=”Free Web tutorials”> <meta name=”keywords” content=”HTML,CSS,XML,JavaScript”> <meta name=”author” content=”John Doe”> <meta name=”viewport” content=”width=device-width, initial-scale=1.0″> </head> Try it Yourself » Definition and Usage Metadata is data (information) about data. The <meta> tag provides metadata about the HTML document. Metadata will not be displayed on the page, but will be machine parsable. Meta elements […]

HTML <input> accept Attribute

Example Specify that the server accepts only image files in the file upload: <form action=”/action_page.php”> <input type=”file” name=”pic” accept=”image/*”> <input type=”submit”> </form> Try it Yourself » Definition and Usage The accept attribute specifies the types of files that the server accepts (that can be submitted through a file upload). Note: The accept attribute can only be used with <input type=”file”>. Tip: Do […]

HTML DOM Figcaption Object

Figcaption Object  The Figcaption Object is new in HTML5. The Figcaption object represents an HTML <figcaption> element. Access a Figcaption Object You can access a <figcaption> element by using getElementById(): Example var x = document.getElementById(“myFigCap”); Try it Yourself » Create a Figcaption Object You can create a <figcaption> element by using the document.createElement() method: Example var x […]

HTML <legend> Tag

Example Group related elements in a form: <form> <fieldset> <legend>Personalia:</legend> Name: <input type=”text” size=”30″><br> Email: <input type=”text” size=”30″><br> Date of birth: <input type=”text” size=”10″> </fieldset> </form> Try it Yourself » Definition and Usage The <legend> tag defines a caption for the <fieldset> element. Browser Support Element <legend> Yes Yes Yes Yes Yes Differences Between HTML 4.01 and HTML5 The “align” attribute is not supported in HTML5. […]

HTML <th> headers Attribute

Example Specify the <th> element each header cell is related to: <table> <tr> <th id=”name” colspan=”2″>Name</th> </tr> <tr> <th headers=”name”>Firsname</th> <th headers=”name”>Lastname</th> </tr> </table> Try it Yourself » Definition and Usage The headers attribute specifies one or more header cells a header cell is related to. Browser Support Attribute headers Yes Yes Yes Yes Yes The headers attribute has […]

HTML <th> bgcolor Attribute

Example Add a background color to header cells: <table> <tr> <th bgcolor=”#FF0000″>Month</th> <th bgcolor=”#00FF00″>Savings</th> </tr> <tr> <td>January</td> <td>$100</td> </tr> </table> Try it Yourself » Definition and Usage The bgcolor attribute specifies the background color of a header cell. Browser Support Attribute bgcolor Yes Yes Yes Yes Yes Compatibility Notes The bgcolor attribute of <th> is not supported […]

HTML <thead> align Attribute

Example Left-align the content inside the <thead> element: <table> <thead align=”left”> <tr> <th>Month</th> <th>Savings</th> </tr> </thead> <tr> <td>January</td> <td>$100</td> </tr> <tr> <td>February</td> <td>$80</td> </tr> </table> Try it Yourself » Definition and Usage The align attribute specifies the horizontal alignment of the content inside the <thead> element. Browser Support Attribute align Yes Yes Yes Yes Yes Note: IE […]

HTML <tbody> Tag

An HTML table with a <thead>, <tbody>, and a <tfoot> element: <table> <thead> <tr> <th>Month</th> <th>Savings</th> </tr> </thead> <tbody> <tr> <td>January</td> <td>$100</td> </tr> <tr> <td>February</td> <td>$80</td> </tr> </tbody> <tfoot> <tr> <td>Sum</td> <td>$180</td> </tr> </tfoot> </table> Try it Yourself » Definition and Usage The <tbody> tag is used to group the body content in an HTML […]

HTML <track> kind Attribute

Example A video with two subtitle tracks: <video width=”320″ height=”240″ controls> <source src=”forrest.mp4″ type=”video/mp4″> <track src=”subtitles_en.vtt” kind=”subtitles” srclang=”en” label=”English”> <track src=”subtitles_no.vtt” kind=”subtitles” srclang=”no” label=”Norwegian”> </video> Definition and Usage The kind attribute specifies the kind of text track. Browser Support The numbers in the table specify the first browser version that fully supports the attribute. Attribute kind 18.0 10.0 31.0 6.0 15.0 Differences Between HTML 4.01 and HTML5 The […]