HTML cheat sheet

Hi, there!
This article is for organizing my thoughts through learning HTML from a book.
Thanks.

Basic Template

See the Pen html template by Nao (@naopon-hamumu) on CodePen.

Heading

See the Pen header by Nao (@naopon-hamumu) on CodePen.

Paragraph

It is better to use one h1 tag per page.

See the Pen paragraph by Nao (@naopon-hamumu) on CodePen.

Image

alt can be set as description which alter the image, when a browser cannot load.

See the Pen image by Nao (@naopon-hamumu) on CodePen.

Hypertext Reference

Also, images and email can be link!
Email, then, make your mail client open with email destination.

See the Pen Hypertext Reference by Nao (@naopon-hamumu) on CodePen.

List Item

See the Pen List Item by Nao (@naopon-hamumu) on CodePen.

Table

See the Pen Table by Nao (@naopon-hamumu) on CodePen.

Table Join

Horizontally

See the Pen Untitled by Nao (@naopon-hamumu) on CodePen.

Vertically

See the Pen Table (Connect Vertically) by Nao (@naopon-hamumu) on CodePen.

Form

Input

1 Line Text

See the Pen Form (Input) by Nao (@naopon-hamumu) on CodePen.

Radio Button

See the Pen Input (radio button) by Nao (@naopon-hamumu) on CodePen.

Checkbox

See the Pen Input (checkbox) by Nao (@naopon-hamumu) on CodePen.

Submit

See the Pen Input (submit) by Nao (@naopon-hamumu) on CodePen.

Selectbox

See the Pen Selectbox by Nao (@naopon-hamumu) on CodePen.

Textarea

See the Pen Textarea by Nao (@naopon-hamumu) on CodePen.

Label

See the Pen Form (label) by Nao (@naopon-hamumu) on CodePen.

References:

• 1冊ですべて身につくHTML & CSSとWebデザイン入門講座［第2版］ （DL特典：Webデザイナーのポートフォリオの作り方入門講座） (１冊ですべて身につく)