Foundation of web pages, structuring content with meaning
Updated at: March 2, 2025
HTML Skeleton
The HTML skeleton is the basic structure of an HTML document. It consists of the `<!DOCTYPE html>` declaration, the `<html>` tag, and the `<head>` and `<body>` tags. The `<head>` tag contains metadata about the document, while the `<body>` tag contains all the content of the page.
Text Formatting
Text formatting is the process of modifying the appearance of text in a webpage.
Links
Links are the primary way to navigate between pages on the web. They are also used to link to other resources, such as images, videos, and documents. You can create links that open in a new tab, that link to a specific part of the page, or that trigger an email or phone call.
Images
View 2 items
Lists
View 4 items
Tables
View 2 items
Audio/Video
View 4 items
Inputs
Depending on the type, the input element will display a different type of field.
Forms
A form is an element that allows a user to input some data and send it to a server. It usually consists of a series of input fields and a submit button.
Iframe
The iframe element creates an inline frame that embeds another document within the current HTML document.
Layout
HTML layout elements help structure web pages into logical sections. Modern HTML5 semantic elements make it easier to organize content in a meaningful way.
Related Cheatsheets