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
- WordPress or PHP: Which is more beneficial to your business?
- Evolution Of Multimedia | Animation
- OOPs Concept in Java
- What Is Blockchain? And Why Does It Matter?
- HTML Tutorial – Hyper Text Markup Language