HTML

HTML Tags

GeektoCode October 1, 2022December 10, 2022Write a Comment

Simple HTML Tags

Tags	Functions/Working
<!DOCTYPE>	Defines the html document type.
<html>	An HTML document is defined.
<head>	Contains document metadata and information
<title>	Establishes the document’s title
<body>	Outlines the body of the document
<h1> to <h6>	HTML headings are defined.
<p>	Introduces a paragraph
<br>	A single line break is added.
<hr>	Defines a content change in theme
<!–…–>	Establishes a comment

Input and Forms

Tag	Functions/Working
<form>	Defines a user-input HTML form
<input>	Defines an input control
<textarea>	The definition of a multiline input control (text area)
<button>	Explains what a clickable button is
<select>	Creates a drop-down menu
<optgroup>	Defines a set of connected choices in a drop-down menu
<option>	Defines a drop-down list option
<label>	Establishes a label for a “input” element.
<fieldset>	Groups similar components on a form.
<legend>	Caption for a “fieldset” element is defined.
<datalist>	Provides a list of options for input controls that are already defined.
<output>	Defines a calculation’s outcome

Images

Tag	Functions/Working
<img>	Defines an image
<map>	Defines an image map on the client side.
<area>	Defines a region inside a map image
<canvas>	Used to create graphics instantly through scripting (usually JavaScript)
<figcaption>	Establishes the caption for a “figure” element.
<figure>	Self-contained content is specified
<picture>	Establishes a container for numerous image resources
<svg>	Establishes a container for SVG images

Lists

Tag	Functions/Working
<ul>	An unordered list is defined.
<ol>	An ordered list is defined.
<li>	What a list item means
<dir>	HTML5 does not support this. Use ul> in its place. Establishes a directory list
<dl>	What a description list is
<dt>	The definition of a term or name in a description list
<dd>	Defines a term’s or name’s description in a description list.

Tables

Tag	Functions/Working
<table>	Defines a table
<caption>	Introduces a table caption
<th>	Defines a table’s header cell.
<tr>	Defines a table row.
<td>	Defines a table cell.
<thead>	Groups the table’s header content.
<tbody>	Makes a table with the body content in it.
<tfoot>	Table that contains the footer content
<col>	Gives each column in a “colgroup” element specific column properties.
<colgroup>	Gives formatting instructions for a group of one or more columns in a table.

Links

Tag	Functions/Working
<a>	Describes a link
<link>	Establishes the connection between a document and a third party source (most frequently used to link to style sheets).
<nav>	links in the navigation

Audio / Video

Tag	Functions/Working
<audio>	Sound content is defined
<source>	Multiple media resources are defined for the media elements (video, audio, and picture).
<track>	Text tracks for media elements (audio and video) are defined.
<video>	Describes a film or video

Styles and Semantics

Tag	Functions/Working
<style>	Defines a document’s style information
<div>	Defines a document’s section
<span>	Defines a document’s section
<header>	Defines a document’s or section’s header
<footer>	Defines a document’s or section’s footer
<main>	Defines a document’s primary content
<section>	Defines a document’s section
<article>	Defines an article
<aside>	Other than the page content, defines content
<details>	Specifies extra information that a user can view or hide
<dialog>	Defines a window or dialogue box
<summary>	Establishes the visible heading for the details element.
<data>	Gives a given piece of content a machine-readable translation

You Might Like

Leave a Reply Cancel reply