<!DOCTYPE>
Defines the document type and version of HTML. It is an essential declaration at the beginning of an HTML document. The declaration tells the web browser which version of HTML the document is using, allowing it to render the page correctly.
<html>
The <html> element is the root element that wraps the entire HTML document. It is the container for all other HTML elements on the page.
<head>
The <head> element contains metadata about the document, such as the title and linked stylesheets. Metadata provides information about the document but is not displayed on the web page itself.
<title>
The <title> tag defines the title of the document, which is text-only, and it is shown in the browser's title bar or in the page's tab. It is always added within the <head> element.
<style>
The <style> element is used to define style information for a document (CSS).
<body>
The <body> element contains all the contents of an HTML document, such as headings, paragraphs, images, hyperlinks, tables, lists, etc.
<h1>
The <h1> element represents the highest level of heading and is typically used for the main title or heading of a page. It has the highest visual importance.
<p>
The <p> element defines a paragraph of text. It is a block-level element that separates content into distinct paragraphs.
<a>
The <a> element or Anchor Tag is used to create hyperlinks to other web pages or resources. It allows users to navigate to different parts of a website or external websites.
<img>
The <img> element is used to embed images on a web page. It requires the "src" attribute to specify the image source.
<ul>
The <ul> element creates an unordered (bulleted) list. It is typically used for listing items without a specific order or sequence.
<ol>
The <ol> element creates an ordered (numbered) list. It is used for listing items in a specific sequence or order.
<li>
The <li> element defines list items within <ul> or <ol> elements. Each <li> represents an individual item in the list.
<dl>
The <dl> element defines a description list. It is used to create a list of terms (defined by <dt>) and their descriptions (defined by <dd>).
<dt>
The <dt> element within a <dl> defines a term in a description list. It is followed by a corresponding <dd> element that provides the description for that term.
<dd>
The <dd> element within a <dl> provides the description for a term defined by a preceding <dt> element in a description list.
<div>
The <div> element is a generic container used for grouping and styling elements together. It is a block-level element.
<span>
The <span> element is a generic inline container used for styling text or inline elements within a larger block of content.
<table>
The <table> element defines a table, which is used to organize data in rows and columns. It acts as a container for table-related elements.
<tr>
The <tr> element defines a table row within a <table>. It contains one or more <td> or <th> elements, representing cells in the row.
<th>
The <th> element defines a table header cell within a <tr> in a table. It represents a header for a column or row in the table.
<td>
The <td> element defines a table data cell within a <tr> in a table. It represents actual data or content in the table.
<thead>
The <thead> element groups header content in a table. It typically contains one or more <tr> elements with <th> cells.
<tbody>
The <tbody> element groups body content in a table. It typically contains one or more <tr> elements with <td> cells.
<tfoot>
The <tfoot> element groups footer content in a table. It typically contains one or more <tr> elements with <th> cells.
<caption>
The <caption> element provides a title or caption for a table. It appears above or below the table and helps describe the table's purpose or content.
<form>
The <form> element creates a form for user input. It can contain various form elements such as text fields, checkboxes, and buttons.
<input>
The <input> element is used to create input fields within a form. It can be used for text input, radio buttons, checkboxes, and more.
<textarea>
The <textarea> element defines a multi-line text input field within a form. It allows users to enter and edit larger amounts of text.
<label>
The <label> element labels form elements, making it clear what each input field represents. It improves accessibility and usability.
<select>
The <select> element defines a dropdown list within a form. It allows users to choose from a list of options provided.
<option>
The <option> element defines an individual option within a <select> dropdown list. It represents an item that can be selected by the user.