Scribd
Upload
30 views2 pages

HTML Tag Chart 4

This document is a quick reference guide for HTML tags, categorizing them into sections such as Document Structure, Headings & Text, Formatting, Links & Media, Lists, Tables, Forms & Input, and Semantic HTML5. Each category lists specific tags along with their meanings and examples of usage. It serves as a concise resource for understanding the purpose and application of various HTML elements.

Uploaded by

sachinadi88
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
30 views2 pages

HTML Tag Chart 4

This document is a quick reference guide for HTML tags, categorizing them into sections such as Document Structure, Headings & Text, Formatting, Links & Media, Lists, Tables, Forms & Input, and Semantic HTML5. Each category lists specific tags along with their meanings and examples of usage. It serves as a concise resource for understanding the purpose and application of various HTML elements.

Uploaded by

sachinadi88
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd

HTML Tag Quick Reference Guide

Category Tag Meaning Example


Document Structure <html> Root element <html> ... </html>
Document Structure <head> Meta information container <head> ... </head>
Document Structure <title> Page title in browser tab <title>My Page</title>
Document Structure <body> Visible content container <body> ... </body>
Headings & Text <h1>-<h6> Headings (largest to smallest) <h1>Main Title</h1>
Headings & Text <p> Paragraph <p>Text</p>
Headings & Text <br> Line break Hello<br>World
Headings & Text <hr> Horizontal line <hr>
Formatting <b> Bold text <b>Bold</b>
Formatting <strong> Important text <strong>Important</strong>
Formatting <i> Italic text <i>Italic</i>
Formatting <em> Emphasized text <em>Emphasis</em>
Formatting <u> Underline text <u>Underline</u>
Formatting <mark> Highlighted text <mark>Highlight</mark>
Links & Media <a> Hyperlink <a href='url'>Link</a>
Links & Media <img> Image <img src='pic.jpg' alt='desc'>
Links & Media <video> Video <video src='movie.mp4'></video>
Links & Media <audio> Audio <audio src='song.mp3'></audio>
Lists <ul> Unordered list <ul><li>Item</li></ul>
Lists <ol> Ordered list <ol><li>Item</li></ol>
Lists <li> List item <li>Item</li>
Category Tag Meaning Example
Lists <dl> Description list <dl>...</dl>
Lists <dt> Term in description list <dt>HTML</dt>
Lists <dd> Description of term <dd>Definition</dd>
Tables <table> Table <table>...</table>
Tables <tr> Table row <tr>...</tr>
Tables <td> Table data cell <td>Data</td>
Tables <th> Table header cell <th>Heading</th>
Tables <caption> Table title <caption>Title</caption>
Forms & Input <form> Form container <form action='submit.php'>...</form>
Forms & Input <input> Input field <input type='text'>
Forms & Input <textarea> Multi-line text box <textarea></textarea>
Forms & Input <button> Button <button>Click</button>
Forms & Input <select> Drop-down menu <select>...</select>
Forms & Input <option> Option in drop-down <option>Choice</option>
Forms & Input <label> Label for input <label for='name'>Name</label>
Semantic HTML5 <header> Page or section header <header>...</header>
Semantic HTML5 <nav> Navigation section <nav>...</nav>
Semantic HTML5 <main> Main content area <main>...</main>
Semantic HTML5 <section> Content section <section>...</section>
Semantic HTML5 <article> Independent content block <article>...</article>
Semantic HTML5 <aside> Sidebar content <aside>...</aside>
Semantic HTML5 <footer> Footer section <footer>...</footer>

You might also like