Menu
The script tag is used to embed a client-side script like JavaScript. Syntax The <script> tag can either wrap around scripting elements or it can link to an external script using the src attribute. <script> function myFunction() { document.getElementById("demo").innerHTML = "Paragraph changed."; } </script> <script src="external-script.js" type="text/javascript"></script> Attributes async Used for external scripts, this attribute […]
The section tag designates a section in the document. Syntax Example: <section> <h3>Title of the section</h3> <p>Content for this section.</p> </section> <section> <h3>Title of the section</h3> <p>Content for this section.</p> </section>
The select tag creates a drop-down list, most often used in a form. Syntax The name attribute is required in order for the data from the <select> tag to be submitted with the form. The id attribute associates the <select> tag with a label. <option> tags within the <select> tag provide the available options for […]
The small tag is used to designate smaller text. Syntax Although the <small> tag is not deprecated, more precise and richer effects can be achieved with CSS. <p>This text is normal size. <small>This text is smaller.</small></p>
The source tag, or Media or Image Source element, designates multiple media resources for the <video>, <audio>, and <picture> tags. Syntax The browser renders the first <source> tag that matches the current viewport width. or else displays any message inside the <source> tag if the browser does not support its parent. <picture> <source media="(min-width:1040px)" srcset="img_for_larger_screens.jpg"> […]
The span tag, or Content Span element, is used to create an inline container in order to mark up its contents. Syntax By utilizing the class or id attribute, the <span> tag can be easily styled by CSS or manipulated with JavaScript. <p>This paragraph contains content with a <span style="color:red">red</span> coloring.</p>
The strong tag, or Strong Importance element, designates that the text within it is of strong importance. Syntax Text within the <strong> tag is typically rendered by the browser in bold. <p><strong>This is important text!</strong></p>
The style tag declares CSS styles for a document. Syntax Specify how HTML elements should be rendered in the browser using CSS inside the <style> tag. <html> <head> <style> h1 {color:blue;} p {color:red;} </style> </head> <body> <h1>This heading is blue</h1> <p>This paragraph is red.</p> </body> </html> Attributes media Used to define the media/device for which […]
The sub tag, or Subscript element, designates text that is subscript, which appears half a character below the standard text line. Syntax The browser sometimes renders the text in a smaller font. <p>This paragraph utilizes the <sub>subscript</sub> element.</p>
The summary tag, or Disclosure Summary element, designates a visible heading for the <details> element. Syntax The <summary> tag should be the first child element inside the <details> tag. <details> <summary>This is the heading</summary> <p>This is the description/content of the details element.</p> </details>
The sup tag, or Superscript element, designates text that is superscript, which appears half a character above the standard text line. Syntax The browser sometimes renders the text in a smaller font. <p>This paragraph utilizes the <sup>superscript</sup> element.</p>
The svg tag creates a container for SVG graphics. Syntax Example: <svg width="600" height="400"> <rect width="600" height="400" style="fill:rgba(0,0,0,0.7);stroke-width:10;stroke:rgb(0,0,0)" /> Sorry, your browser does not support inline SVG. </svg>
The table tag is used to designate an HTML table. Syntax A <table> contains one or more <tr>, <th>, and <td> elements. <table> <tr> <th>This is the heading for the first column</th> <th>This is the heading for the second column</th> </tr> <tr> <td>First column contents</td> <td>Second column contents</td> </tr> </table>
The tbody tag, or Table Body element, groups the body content inside a <table> tag.. Syntax Similar to an HTML document, the <tbody> tag is used with a header (<thead>) and footer (<tfoot>) to designate each part of a table. The <tbody> tag must have one or more <tr> tags. <table> <thead> <tr> <th>This is […]
The td tag, or Table Data Cell element, designates a data cell in a <table>. Syntax The text inside the <td> tag is regular and left-aligned by default. <table> <tr> <th>This is the heading for the first column</th> <th>This is the heading for the second column</th> </tr> <tr> <td>First column contents</td> <td>Second column contents</td> </tr> […]
The template tag, or Content Template element, creates a container that holds HTML content that is hidden upon page load. Syntax The <template> tag can be used for HTML content that is to be used repeatedly, but not until asked for. The content can later be rendered using JavaScript. <button onClick="showTemplate()">Show the hidden content</button> <template> […]
The textarea tag designates a multi-line text input, often used in a form to collect user input such as comments. Syntax The <textarea>‘s size is set using the cols and rows attributes. <label for="example">Example text area</label> <textarea id="example" name="example" rows="8" cols="40"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ornare enim ut cursus pellentesque. […]
The tfoot tag, or Table Foot element, groups footer content in a <table>. Syntax Similar to an HTML document, the <tfoot> tag is used (like <footer>) within the <tbody> tag and with a header (<thead>) to designate each part of a table. The <tfoot> tag must have one or more <tr> tags. <table> <thead> <tr> […]
The th tag, or Table Header element, designates a header cell in a <table>. Syntax The text inside a <th> tag is bold and centered by default. <table> <tr> <th>This is the heading for the first column</th> <th>This is the heading for the second column</th> </tr> <tr> <td>First column contents</td> <td>Second column contents</td> </tr> </table> […]
The thead tag, or Table Head element, groups header content in a <table>. Syntax Similar to an HTML document, the <thead> tag is used (like <header>) within the <tbody> tag and with a footer (<tfoot>) to designate each part of a table. The <thead> tag must have one or more <tr> tags. <table> <thead> <tr> […]
The time tag, or Date Time element, designates a specific time or datetime. Syntax Use the datetime attribute to translate the time into a machine-readable format. <p>We are open on weekdays between <time>9:00 am</time> to <time>5:00 pm</time>.<br> We will be closed for half a day on <time datetime="2022-12-24 12:00">Christmas Eve</time></p> Attributes datetime Designates a machine-readable […]
The title tag, or Document Title element, provides the title of the HTML document. Syntax The <title> tag is required in HTML documents, must be text-only, and is shown in the browser’s title bar or page tab. It is very important for SEO. Only one <title> tag is permitted per document. <html lang="eng"> <head> <title>Title […]
The tr tag, or Table Row element, designates a row in a <table>. Syntax The <tr> tag contains one or more <th> or <td> tags. <table> <tr> <th>This is the heading for the first column</th> <th>This is the heading for the second column</th> </tr> <tr> <td>First column contents</td> <td>Second column contents</td> </tr> </table>
The track tag, or Embed Text Track element, designates text tracks for <audio> or <video> elements. Syntax The <track> tag provides subtitles, caption files, or others that will be visible while the associated media is playing. <video width="600" height="400" controls> <source src="videoname.mp4" type="video/mp4"> <source src="videoname.ogg" type="video/ogg"> <track src="subtitles_en.vtt" kind="subtitles" srclang="en" label="English"> </video> Attributes default Designates […]