.

HTML Cheat Sheet 🔥 — The Most Useful HTML Tags 🚀

Hey Devs, This is the most complete and well-structured HTML cheatsheet you can find online!! So let’s start.

Basic Tags

Formatting

— Creates a new paragraph
— Inserts a line break (carriage return) — Puts content in a quote — indents text from both sides — Used to format block content with CSS Used to format inline content with CSS

Body attributes

— Sets background color, using a name or hex value — Sets text color, using name or hex value — Sets color of links, using name or hex value — Sets the color of visited links, using a name or hex value — Sets the color of active links (while mouse-clicking)

Lists

— Creates an unordered list — Creates an ordered list (start=xx, where xx is a counting number) — Encompasses each list item — Creates a definition list — Precedes each definition term — Precedes each definition

Text Tags

— Creates preformatted text —> — Creates headlines — H1=largest, H6=smallest — Creates bold text (should use instead) — Creates italicized text (should use instead) — Creates typewriter-style text — Used to define source code, usually monospace — Creates a citation, usually processed in italics — Creates address section, usually processed in italics — Emphasizes a word (usually processed in italics) — Emphasizes a word (usually processed in bold) — Sets size of font — 1 to 7 (should use CSS instead) — Sets font color (should use CSS instead) — Defines the font used (should use CSS instead)

Graphical elements

— Inserts a horizontal rule

Links

clickable text — Creates a hyperlink to a Uniform Resource Locator clickable text — Creates a hyperlink to an email address — Creates a target location within a document clickable text — Creates a link to that target location

Forms

— Defines a form — Creates a scrolling menu. Size sets the number of menu items visible before user needs to scroll. — Creates a pulldown menu — Sets off each menu item — Creates a text box area. Columns set the width; rows set the height. — Creates a checkbox. — Creates a checkbox which is pre-checked.` — Creates a radio button. — Creates a radio button which is pre-checked. — Creates a one-line text area. Size sets length, in characters. — Creates a submit button. Value sets the text in the submit button. — Creates a submit button using an image. — Creates a reset button

HTML5 input tag attributes

— Sets a single-line textbox for email addresses — Sets a single-line textbox for URLs — Sets a single-line textbox for a number — Sets a single-line text box for a range of numbers — Sets a single-line text box with a calendar showing the date/month/week/time — Sets a single-line text box for searching — Sets a single-line text box for picking a color

Tables

— Creates a table — Sets off each row in a table — Sets off each cell in a row — Sets off the table header (a normal cell with bold, centered text)

Table attributes

The ultimate HTML Tags Cheat Sheet 🔥🚀

DevLorenzo ・ Feb 21 ・ 3 min read

Hope this helped and thanks for reading! Please smash that like button and share this article with others 🙂 Don’t Forget To Follow Me On Twitter and @garvitmotwani

Источник

Purpose and Placement of
HTML Commands

We offer this table as a quick reference to supplement the HTML tutorial. It shows the commands, a brief statement of their use, which attributes can modify them, and which commands they can inhabit or include, but it doesn’t go over the basics of HTML syntax. If you’re new to HTML, visit Spin Doctor’s Web Design 101 first.

name=»key» of key/value pair.
content=»value» of key/value pair. indicates the full URL of the current document href=»URL» allows you to select a title that will appear in the title bars of browser windows and in bookmarks (default is the actual filename of your document) Body

. or

.
.
.
.
.
.
.
.
.
.

.

the value for the size attribute can be a number from 1 to 7 (default is 3), or (in quotation marks) a number relative to the current size, e.g. «+2".

.
.
.
.
..
.
.
.
.
.

.

.
.
.
, , or

.
.
.
.

.

.

.
.
.

.

or

.

ol ul dir menu dl

.

.

.

table . Hypertext

name=»name of subfile in this document»

rel, rev, urn, title, methods

.
.
.
.
.
.
.
.
.
. .

b cite code , or

.

.

.

.