HTML TAGS

Starter Tags



<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.



<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.



TRY ALL TAGS YOURSELF >>

Style Tags



<style>

The <style> element is used to define style information for a document (CSS).



TRY ALL TAGS YOURSELF >>


<p>

The <p> element defines a paragraph of text. It is a block-level element that separates content into distinct paragraphs.



TRY ALL TAGS YOURSELF >>


<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.



TRY ALL TAGS YOURSELF >>


<img>

The <img> element is used to embed images on a web page. It requires the "src" attribute to specify the image source.



TRY ALL TAGS YOURSELF >>

List tags



<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.


TRY ALL TAGS YOURSELF >>


<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.


TRY ALL TAGS YOURSELF >>


<div>

The <div> element is a generic container used for grouping and styling elements together. It is a block-level element.


TRY ALL TAGS YOURSELF >>


<span>

The <span> element is a generic inline container used for styling text or inline elements within a larger block of content.


TRY ALL TAGS YOURSELF >>

Table Tags



<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.



TRY ALL TAGS YOURSELF >>

Caption Tags



<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.



TRY ALL TAGS YOURSELF >>


<form>

The <form> element creates a form for user input. It can contain various form elements such as text fields, checkboxes, and buttons.



TRY ALL TAGS YOURSELF >>


<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.



TRY ALL TAGS YOURSELF >>


<option>

The <option> element defines an individual option within a <select> dropdown list. It represents an item that can be selected by the user.



TRY ALL TAGS YOURSELF >>

Text Area Tags



<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.



TRY ALL TAGS YOURSELF >>


<button>

The <button> element creates a clickable button within a form. It is often used to submit the form or trigger JavaScript functions.



TRY ALL TAGS YOURSELF >>


<label>

The <label> element labels form elements, making it clear what each input field represents. It improves accessibility and usability.



TRY ALL TAGS YOURSELF >>


<select>

The <select> element defines a dropdown list within a form. It allows users to choose from a list of options provided.



TRY ALL TAGS YOURSELF >>