Map Object The Map object represents an HTML <map> element. Access a Map Object You can access a <map> element by using getElementById(): Example var x = document.getElementById(“myMap”); Try it Yourself » Create a Map Object You can create a <map> element by using the document.createElement() method: Example var x = document.createElement(“MAP”); Try it Yourself » Map […]
Example <main> <h1>Web Browsers</h1> <p>Google Chrome, Firefox, and Internet Explorer are the most used browsers today.</p><article> <h1>Google Chrome</h1> <p>Google Chrome is a free, open-source web browser developed by Google, released in 2008.</p> </article><article> <h1>Internet Explorer</h1> <p>Internet Explorer is a free web browser from Microsoft, released in 1995.</p> </article> <article> <h1>Mozilla Firefox</h1> <p>Firefox is a free, […]
HTML <link> charset Attribute Example The charset attribute indicates that the linked document is written in Japanese: <link href=”domoarigato.htm” rel=”parent” charset=”ISO-2022-JP”> Definition and Usage The <link> charset attribute is not supported in HTML5. The charset attribute specifies the character encoding of the linked document. The default character-set for modern browsers is ISO-8859-1. Syntax <link charset=”character_set”> Attribute Values Value Description character_set […]
Ins Object The Ins object represents an HTML <ins> element. Access an Ins Object You can access an <ins> element by using getElementById(): Example var x = document.getElementById(“myIns”); Try it Yourself » Create an Ins Object You can create an <ins> element by using the document.createElement() method: Example var x = document.createElement(“INS”); Try it Yourself » Ins […]
Example <p>He named his car <i>The lightning</i>, because it was very fast.</p> Try it Yourself » Definition and Usage The <i> tag defines a part of text in an alternate voice or mood. The content of the <i> tag is usually displayed in italic. The <i> tag can be used to indicate a technical term, a […]
Example A simple HTML5 document: <!DOCTYPE HTML> <html> <head> <title>Title of the document</title> </head><body> The content of the document…… </body></html> Try it Yourself » Definition and Usage The <html> tag tells the browser that this is an HTML document. The <html> tag represents the root of an HTML document. The <html> tag is the container for […]
Head Object The Head object represents an HTML <head> element. Access a Head Object You can access a <head> element by using getElementsByTagName(): var x = document.getElementsByTagName(“HEAD”)[0]; Create a Head Object You can create a <head> element by using the document.createElement() method: var x = document.createElement(“HEAD”); Standard Properties and Events The Anchor object also supports the standard properties and events.
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 […]
Example Link to an external style sheet: <head> <link rel=”stylesheet” type=”text/css” href=”theme.css”> </head> Try it Yourself » Definition and Usage The <link> tag defines a link between a document and an external resource. The <link> tag is used to link to external style sheets. Browser Support When used for style sheets, the <link> tag is supported in all […]
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 […]
Example Use of the <noscript> tag: <script> document.write(“Hello World!”) </script> <noscript>Your browser does not support JavaScript!</noscript> Try it Yourself » Definition and Usage The <noscript> tag defines an alternate content for users that have disabled scripts in their browser or have a browser that doesn’t support script. The <noscript> element can be used in both […]
Heading Object The Heading object represents an HTML heading element: <h1> to <h6>. Access a Heading Object You can access a heading element by using getElementById(): Example var x = document.getElementById(“myHeading”); Try it Yourself » Create a Heading Object You can create a heading element by using the document.createElement() method: Example var x = document.createElement(“H1”); Try it […]
Example A two-framed page, with no frameborders: <frameset cols=”50%,50%”> <frame src=”frame_a.htm” frameborder=”0″> <frame src=”frame_b.htm” frameborder=”0″> </frameset> Try it Yourself » Definition and Usage The <frame> tag is not supported in HTML5. The frameborder attribute specifies whether or not to display a border around a frame. Tip: For practical reasons, it may be better not to specify borders, and use CSS to […]
Not Supported in HTML5 Example A simple three-framed page: <frameset cols=”25%,50%,25%”> <frame src=”frame_a.htm”> <frame src=”frame_b.htm”> </frameset> Try it Yourself » More “Try it Yourself” examples below. Definition and Usage The <frame> tag is not supported in HTML5. The <frame> tag defines one particular window (frame) within a <frameset>. Each <frame> in a <frameset> can have different attributes, such […]
Example The src attribute specifies the location of the document to show in a <frame>: <frameset cols=”50%,50%”> <frame src=”frame_a.htm”> <frame src=”frame_b.htm”> </frameset> Try it Yourself » Definition and Usage The <frame> tag is not supported in HTML5. The src attribute specifies the URL of the document to show in a frame. Browser Support Attribute src Yes Yes Yes […]
Example A named frame: <frameset cols=”50%,50%”> <frame src=”frame_a.htm” name=”frame_a”> <frame src=”frame_b.htm”> </frameset> Try it Yourself » Definition and Usage The <frame> tag is not supported in HTML5. The name attribute specifies the name of a <frame> element. The name attribute is used to reference the element in a JavaScript, or to act as a target for a link. Browser […]
Example Frame A should always have scrollbars: <frameset cols=”50%,50%”> <frame src=”frame_a.htm” scrolling=”yes”> <frame src=”frame_b.htm”> </frameset> Try it Yourself » Definition and Usage The <frame> tag is not supported in HTML5. The scrolling attribute specifies whether or not to display scrollbars in a <frame>. By default, scrollbars appear in a <frame> if the content is larger than the <frame>. Browser […]
Example Frame A cannot be resized: <frameset cols=”50%,50%”> <frame src=”frame_a.htm” noresize=”noresize”> <frame src=”frame_b.htm”> </frameset> Try it Yourself » Definition and Usage The <frame> tag is not supported in HTML5. The noresize attribute specifies that a <frame> element cannot be resized by the user. By default, each <frame> in a <frameset> can be resized by dragging the border between the […]
Example The first frame with a left and right margin of 50 pixels, and the second frame with a left and right margin of 0 pixels: <frameset cols=”50%,50%”> <frame src=”frame_a.htm” marginwidth=”50″> <frame src=”frame_b.htm” marginwidth=”0″> </frameset> Try it Yourself » Definition and Usage The <frame> tag is not supported in HTML5. The marginwidth attribute specifies the width between the content and […]
Example The longdesc attribute points to a page with a long description of the content of a frame: <frameset cols=”50%,50%”> <frame src=”frame_a.htm” longdesc=”dw.txt”> <frame src=”frame_b.htm”> </frameset> Try it Yourself » Definition and Usage The <frame> tag is not supported in HTML5. The longdesc attribute specifies a URL to a page that contains a long description of the content of […]
