HTML BEGINEER TO ADVANCED ALL TAGS
personETHINGS
21 December
HTML TAGS
1. Document Structure
<html>: Root element of an HTML document.<head>: Container for metadata and links.<body>: Container for visible content.
2. Metadata
<title>: Document title (shown in the browser tab).<meta>: Metadata (charset, viewport, etc.).<link>: Links to external resources like CSS.<style>: Internal CSS.<base>: Specifies the base URL for relative links.
3. Content Sectioning
<header>: Introductory content or navigational links.<footer>: Footer for a section or webpage.<main>: Main content of the document or web page.<nav>: Navigation links.<section>: Thematic grouping of content.<article>: Self-contained content.<aside>: Content related indirectly to the main content.<h1> to <h6>: Headings, <h1> being the most important.<address>: Contact information.<figure>: Contains media like images or graphics.<figcaption>: Caption for <figure>.
4. Text Content
<p>: Paragraph.<br>: Line break.<hr>: Thematic break (horizontal rule).<blockquote>: Quoted block of text.<pre>: Preformatted text.<b>: Bold text.<strong>: Important text (semantic bold).<i>: Italic text.<em>: Emphasized text (semantic italic).<u>: Underlined text.<mark>: Highlighted text.<small>: Smaller text.<del>: Deleted text (strikethrough).<ins>: Inserted text (underline).<sub>: Subscript text.<sup>: Superscript text.<code>: Inline code.<kbd>: Keyboard input.<samp>: Sample output.<var>: Variable in a program.<time>: Represents a time or date.<abbr>: Abbreviation with optional title.<cite>: Citation.<dfn>: Defining instance of a term.<bdo>: Bidirectional override.
5. Lists
<ul>: Unordered list.<ol>: Ordered list.<li>: List item.<dl>: Description list.<dt>: Term in a description list.<dd>: Description of a term.
6. Links and Navigation
<a>: Hyperlink.<nav>: Navigation links.
7. Tables
<table>: Table container.<tr>: Table row.<td>: Table cell (data).<th>: Table header cell.<thead>: Groups header rows.<tbody>: Groups body rows.<tfoot>: Groups footer rows.<caption>: Table caption.<col>: Specifies column properties.<colgroup>: Groups columns for styling.
8. Forms
<form>: Form container.<input>: Input field (text, password, email, radio, etc.).<textarea>: Multi-line text input.<button>: Button.<select>: Dropdown menu.<option>: Option in a dropdown.<optgroup>: Grouping of options in a dropdown.<label>: Label for input.<fieldset>: Groups form elements.<legend>: Caption for <fieldset>.<datalist>: Provides a list of options for an <input>.<output>: Displays the result of a calculation.
9. Embedded Content
<img>: Image.<iframe>: Inline frame.<embed>: Embeds external content.<object>: Embeds external resources.<param>: Parameters for <object>.<video>: Video content.<audio>: Audio content.<source>: Specifies a media source.<track>: Text tracks for <video> and <audio>.
10. Scripts and Programming
<script>: JavaScript.<noscript>: Content shown when JavaScript is disabled.<canvas>: Graphics container.<svg>: Scalable vector graphics.<math>: Mathematical notations.
11. Inline Text and Containers
<span>: Inline container for text or elements.<div>: Block container for elements.
12. Interactive Elements
<details>: Creates a collapsible area.<summary>: Visible heading for <details>.<dialog>: Dialog box or window.<menu>: Contextual menu.<menuitem>: Command in a menu (deprecated).
13. Web Components
<slot>: Placeholder for content in a web component.<template>: Template for content that is not displayed.
Share to other apps
