HTML Elements

Thirty Common HTML Elements:

<html>: The root element of an HTML page. It's the container for all other HTML elements (except comments and the DOCTYPE declaration).
<head>: A container for metadata (data about the HTML document). It includes the page title, character set, links to stylesheets, and other information not displayed directly on the page.
<title>: Defines the title that appears in the browser tab or window title bar. It's an essential element inside the <head>.
<body>: Contains the visible content of the HTML document, such as headings, paragraphs, images, links, tables, and lists.
<h1> to <h6>: Define headings of different importance or levels. <h1> is the most important (main) heading, and <h6> is the least. They structure the document's content hierarchy.
<p>: Defines a paragraph of text. Browsers automatically add some space before and after a paragraph.
<a>: Defines a hyperlink, used to link from one page to another. The destination URL is specified in the href attribute.
<img>: Embeds an image into the document. It's a self-closing (void) element and requires the src (source URL) and alt (alternative text) attributes.
<ul>: Defines an unordered list, typically displayed with bullet points.
<ol>: Defines an ordered list, typically displayed with numbered or lettered items.
<li>: Defines a list item. It's used inside both <ul> and <ol> elements.
<div>: A generic container for flow content. It's a block-level element primarily used for grouping content and applying styles (CSS) or manipulation (JavaScript).
<span>: A generic inline container used to group small pieces of content or apply styles to a specific run of text within a larger element (like a paragraph).
<header>: Represents introductory content or a container for navigational links, usually at the top of a document or a section.
<nav>: Defines a section of the page that contains navigation links (e.g., a main menu).
<main>: Represents the dominant content of the <body>—the main topic of the document. A page should only have one <main> element.
<article>: Represents a self-contained piece of content that is independently distributable or reusable, such as a blog post, a news story, or a comment.
<section>: Groups related content, typically with a heading, and is used to break up large documents into thematically related chunks.
<footer>: Defines the footer for its nearest sectioning content or the entire page. It usually contains authorship, copyright information, or contact details.
<form>: Defines an HTML form used to collect user input, often containing elements like text fields, checkboxes, and submission buttons.
<input>: Used to create interactive controls for web-based forms to accept user data. The specific type (e.g., text, password, checkbox, radio) is set by the type attribute.
<button>: Defines a clickable button that can be used to submit forms, reset forms, or trigger JavaScript functions.
<textarea>: Defines a multi-line text input control for users to enter longer text (like comments or messages).
<table>: Defines an HTML table, used to display data in a grid format of rows and columns.
<tr>: Defines a row within an HTML table.
<td>: Defines a standard data cell within an HTML table row.
<th>: Defines a header cell within an HTML table. Browsers typically render the content bold and centered.
<strong>: Used to indicate that its content has strong importance or seriousness (often displayed as bold text). This is semantic emphasis.
<em>: Used to indicate emphasis or stress on its content (often displayed as italic text). This is semantic emphasis.
<br>: Inserts a single line break. It's a self-closing (void) element and should generally be used for short content breaks (like in a poem or address), not for structuring paragraphs.

HTML Elements

Wyatt Thale

Thirty Common HTML Elements: