Some tags

a

Creates a link to a URL : a web page, a section within a page, an email address

Example

KALEO - Into My Mother's Arms

abbr

Defines an abbreviation, and usually includes its full description. Displays the full description when hovering the element.

Example

HTML

area, map

area - defines an interactive area within a map

map - defines an interactive map over an image

Read about coords

Example

article

Defines a self-contained block of content that can exist in any context. It can have its own header, footer, sections... Useful for a list of blog posts.

Example

address

Defines a block for contact information.

Example

aside

Defines a block of content that is related to the main content. Displayed as a sidebar usually.

Example

Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel obcaecati, eius beatae veniam neque corporis consequuntur delectus, est voluptatum, quidem recusandae consequatur iusto voluptatem maiores earum ullam repudiandae ea doloremque?

Lorem ipsum dolor sit amet consectetur adipisicing elit. Soluta delectus rerum dolorem dolore, harum facere temporibus magni eligendi, beatae aspernatur accusantium alias voluptatum rem illo similique eos ratione. Possimus, quia.

audio

Allows to embed an audio clip into a web page. Read more

Example

base

Defines the base URL for all relative relative links of a web page. Should be placed in the tag head

Example

bdi - bidirectional isolation

Allows to display part of a text in the opposite direction.

Example

The word שלום means "Hello" in Hebrew

bdo

Allows to override the direction of text.

Example

The word Hello is "Hello" spelled backwards.

The word Hello is "Hello" spelled backwards.

blockquote

Defines a long quotation.

Example

canvas

Defines an element where you can draw graphics.

Example

caption, table, thead, tbody, tfoot, tr, th, td, colgroup

caption - defines the title of a table.

table - defines a container for tabular data.

thead - defines a group of table rows tr (tag) at the start of a table.

tbody - defines a group of table rows tr(tag)

tfoot - defines a set of rows summarizing the columns of the table.

tr - defines a row of cells in a table

th - defines a cell as the header of a group of table cells

td - defines a cell of a table that contains data

colgroup - defines a group of columns within a table.

col - defines a column within a table.

Example

code

Defines a snippet of code within a block of text.

Example

Type npm install in your terminal to install a project's dependencies.

datalist

Defines a list of autocomplete options when using a text input (tag).

Example

data

Defines content linked to machine-readable output.

The value is displayed when hovering

Example

Computers

• Mini PC
• Small laptop
• Large laptop
• Desktop PC

dl, dt, dd

dl - Defines a definition list.

dt - Defines a definition term.

dd - Defines an item in a definition list.

Example

Web

The part of the Internet that contains websites and web pages

HTML

A markup language for creating web pages

CSS

A technology to make HTML look better

dfn

Defines where a term is defined within a web page. Сan be used with <abbr>. Read more

Example

A validator is a program that checks for syntax errors in code or documents.

div

Defines a generic block of content, that does not carry any semantic value. Used for layout elements like containers.

Example.

em

Defines emphasis on text. Is usually rendered as italic text.

Example

We had to do something about it.

fieldset, legend

fildset - defines a group of controls within a form.

legend - defines a caption for a parent's content.

Example

figure, figcaption, img

figure - defines a single self-contained element, usually an image.

figcaption - defines the caption of a <figure>

img - defines an image inserted in the web page.

Example

form, label, input, select, option, optgroup

form - defines an interactive form with controls.

label- defines a label for a form control.

input - defines an interactive control within a web form. Read more

select - defines a select dropdown with different <option> elements.

option - defines an option within a <select>dropdown.

optgroup -defines a group of <option>elements.

Example

footer

Defines the footer of a web page or section.

hr

Defines a semantic break between blocks of text. It is often represented as a horizontal rule.

Example

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra nec nulla vitae mollis.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra nec nulla vitae mollis.

head

Defines a container for a web page's metadata.

html

Defines the root element of an HTML document. All other elements must be contained within this root element.

i

Makes an element italic.

Example

The definite article the is the most frequent word in English.

iframe

Defines a container for a nested browsing context: you can include a web page within another web page.

Example

kbd

Defines a snippet of user input.

Example

To copy, press ctrl + c

To paste the copied fragment, press ctrl + v

ul, ol, li

ul - defines an unordered list.

ol - defines an ordered list. Attributes: start, type, reversed

li - defines a list item within an ordered list <ol> or unordered list <ul>.

Example

2. Cat
3. Dog

1. Cat
2. Dog

• Cat
• Dog

link

Defines a link between the current web page and an external link or resource.

Example

main

Defines the main content of a web page. Can be displayed with a sidebar.

mark

Defines highlighted text.

Example

Peacock spiders are diurnal cursorial hunters feeding primarily on insects and other spiders.

meta

Defines metadata attached to a web page.

Example

<meta charset="UTF-8" />

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

meter

Defines a horizontal meter.

Example

nav

Defines a section with navigation links.

Example

output

Defines the result of a calculation or of user action.

Example

picture, source

picture - defines a container for sources of an <img> element.

source - Defines a source for an <audio>, <video>, or <picture> element.

Example

pre

Defines preformatted text.

Example

<!DOCTYPE html>
<html>
  <head>
    <title>Hello World</title>
  </head>
  <body>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra nec nulla vitae mollis.</p>
  </body>
</html>

progress

Defines a progress bar.

Example

q

Defines a short quotation.

Example

He looks around and says I'll be back.

rp, rt

rp - defines content displayed when the browser does not support the <ruby> element.

rt - defines the pronunciation of ruby annotations..

Example

s

Defines strikethrough text.

Example

My favorite color is white grey

samp

Defines a sample output from a computer program.

Example

I entered git push and the terminal printed out Everything up-to-date.

section

Defines a section within a web page.

Example

small

Defines small print, for less important content.

Example

Lorem ipsum dolor sit amet consectetur adipisicing elit. Cumque, cupiditate suscipit! Consectetur facilis similique laboriosam commodi maiores quod assumenda ipsa molestias? Mollitia aliquid cum dolores eaque natus harum eos! Possimus.

span

Defines a generic inline container of content, that does not carry any semantic value.

Example

My photo

strong

Defines strong importance on text.

Example

HTML should only be used to write content, and keep CSS for styling the web page.

sub

Defines text that should be displayed lower.

Example

The formula of carbon dioxide is CO₂.

summary, details

Defines the summary of a <details> element.

Example

sup

Defines text that should be displayed higher.

Example

S = a²

textarea

Defines a multi-line text control within a web form.

Example

time

Defines a time on a 24h clock.

Example

See you on June 10 at 5:00 p.m

title

Defines the title of the web page, displayed on the browser tab.

Example

u

Makes an element's text underlined.

Example

My name is Ted

var

Defines a variable in a mathematical or programming expression.

Example

A simple equation: x = y + 2

video

Allows to embed an video clip into a web page.

Example