Tags Library

If you’re a beginner, no worries. If you would like to embrace the limitations of basic HTML, you can focus on making simple pages, that highlight content over style. You could use just basic HTML tags. If you want to explore unobvious HTML tags and even pretend to use CSS/JavaScript, you can create interactive elements or even dynamic layouts. We have small library of examples so feel free to use it!

HTML Basics for Newbies

HTML Skeleton

See the Pen Skeleton of HTML page by Sasha Kulikov (@sashakulikov) on CodePen.

Basic Tags

See the Pen Basic HTML Tags by Sasha Kulikov (@sashakulikov) on CodePen.

Phrase Tags

Tags for text formatting

See the Pen Phrase Tags by Sasha Kulikov (@sashakulikov) on CodePen.

<marquee>

Tag for creating simple animations

See the Pen Marquee by Sasha Kulikov (@sashakulikov) on CodePen.

<progress> bar

Can also be used to create animation

See the Pen Progress Bar by Sasha Kulikov (@sashakulikov) on CodePen.

Media

Some tags to implement media to your website

See the Pen Media by Sasha Kulikov (@sashakulikov) on CodePen.

<contenteditable>

Tag to create editable text (disappears after reload)

See the Pen Editable Text by Sasha Kulikov (@sashakulikov) on CodePen.

<checkbox>

See the Pen Checkboxes by Sasha Kulikov (@sashakulikov) on CodePen.

<table>

See the Pen Tables by Sasha Kulikov (@sashakulikov) on CodePen.

<label>

Tag for datalists creating

See the Pen Dropdown & Datalist by Sasha Kulikov (@sashakulikov) on CodePen.

<map>

Tag that turns choosen zones into hyperlinks

See the Pen Map Area by Sasha Kulikov (@sashakulikov) on CodePen.