When I started blog with web development in 2017, I used have a  HTMLcheat sheet, too. Now it’s all in my head, though.
Whether you’re savvy web developer or just a trying to experiment a little, feel free to use this HTML cheat sheet below. I originally made it for my self, but since the launch of HTML5 I decided to update it, make it look better and share it on my website.(www.wikiphours.blogspot.com)

CONTENTS

1.     Basic Tags
2.     Body Attributes
3.     Text Tags
4.     Links
5.     Formatting
6.     Tables
7.     Table Attributes
8.     Frames
9.     Frames Attributes
10. Forms


Basic Tags

<html></html>
Creates an HTML document
<head></head>
Sets off the title and other information that isn’t displayed on the web page itself
<body></body>
Sets off the visible portion of the document

Body Attributes

<body bgcolor="pink">
Sets the background color, using name or hex value
<body text="black">
Sets the text color, using name or hex value
<body link="blue">
Sets the color of links, using name or hex value
<body vlink="#ff0000">
Sets the color of followed links, using name or hex value
<body alink="#00ff00">
Sets the color of links on click
  • 3. HTML Cheat sheet in .

SPECIAL CHARACTERS

TO MAKE SPECIAL characters and accented letters show up on your pages, use a special set of codes called character entities, which you insert into your HTML code and which your browser will display as the corresponding symbols or characters you want.
The most common character entities have been collected by the International Organization for Standardization and compiled in the ISO Latin Alphabet No. 1 table, which includes special characters, letters with diacritical marks (accents, umlauts, etc.), and scientific and currency symbols. The Latin-1 table contains 255 characters.
 
ISO Entities
Name Code
Number Code
Glyph
Description
&lsquo;
left single quote
&rsquo;
right single quote
&sbquo;
single low-9 quote
&ldquo;
left double quote
&rdquo;
right double quote
&bdquo;
double low-9 quote
&dagger;
dagger
&Dagger;
double dagger
&permil;
per mill sign
&lsaquo;
single left-pointing angle quote
&rsaquo;
single right-pointing angle quote
&spades;
black spade suit
&clubs;
black club suit
&hearts;
black heart suit
&diams;
black diamond suit
&oline;
overline, = spacing overscore
&larr;
leftward arrow
&uarr;
upward arrow
&rarr;
rightward arrow
&darr;
downward arrow
&trade;
trademark sign
Name Code
Number Code
Glyph
Description
&#00;-&#08;
unused
&#09;
horizontal tab
&#10;
line feed
&#11;
unused
&#32;
space
&#33;
!
exclamation mark
&quot;
&#34;
double quotation mark
&#35;
#
number sign
&#36;
$
dollar sign
&#37;
%
percent sign
&amp;
&#38;
&
ampersand
&#39;
apostrophe
&#40;
(
left parenthesis
&#41;
)
right parenthesis
&#42;
*
asterisk
&#43;
+
plus sign
&#44;
,
comma
&#45;
hyphen
&#46;
.
period
Name Code
Number Code
Glyph
Description
&frasl;
&#47;
/
slash
&#48;-&#57;
digits 0-9
&#58;
:
colon
&#59;
;
semicolon
&lt;
&#60;
< 
less-than sign
&#61;
=
equals sign
&gt;
&#62;
> 
greater-than sign
&#63;
?
question mark
&#64;
@
at sign
&#65;-&#90;
uppercase letters A-Z
&#91;
[
left square bracket
&#92;
\
backslash
&#93;
]
right square bracket
&#93;
]
caret
&#95;
_
horizontal bar (underscore)
&#96;
`
grave accent
&#97;-&#122;
lowercase letters a-z
&#123;
{
left curly brace
&#124;
|
vertical bar
Name Code
Number Code
Glyph
Description
&#125;
}
right curly brace
&#126;
~
tilde
&#127;-&#149;
unused
&ndash;
&#150;
en dash
&mdash;
&#151;
em dash
&#152;-&#159;
unused
&nbsp;
&#160;
nonbreaking space
&iexcl;
&#161;
¡
inverted exclamation
&cent;
&#162;
¢
cent sign
&pound;
&#163;
£
pound sterling
&curren;
&#164;
¤
general currency sign
&yen;
&#165;
¥
yen sign
&brvbar; or &brkbar;
&#166;
¦
broken vertical bar
&sect;
&#167;
§
section sign
&uml; or &die;
&#168;
¨
umlaut
&copy;
&#169;
©
copyright
&ordf;
&#170;
ª
feminine ordinal
&laquo;
&#171;
«
left angle quote
&not;
&#172;
¬
not sign
&shy;
&#173;
soft hyphen
&reg;
&#174;
®
registered trademark
&macr; or &hibar;
&#175;
¯
macron accent
Name Code
Number Code
Glyph
Description
&deg;
&#176;
°
degree sign
&plusmn;
&#177;
±
plus or minus
&sup2;
&#178;
²
superscript two
&sup3;
&#179;
³
superscript three
&acute;
&#180;
´
acute accent
&micro;
&#181;
µ
micro sign
&para;
&#182;
paragraph sign
&middot;
&#183;
·
middle dot
&cedil;
&#184;
¸
cedilla
&sup1;
&#185;
¹
superscript one
&ordm;
&#186;
º
masculine ordinal
&raquo;
&#187;
»
right angle quote
&frac14;
&#188;
¼
one-fourth
&frac12;
&#189;
½
one-half
&frac34;
&#190;
¾
three-fourths
&iquest;
&#191;
¿
inverted question mark
&Agrave;
&#192;
À
uppercase A, grave accent
&Aacute;
&#193;
Á
uppercase A, acute accent
&Acirc;
&#194;
Â
uppercase A, circumflex accent
Name Code
Number Code
Glyph
Description
&Atilde;
&#195;
Ã
uppercase A, tilde
&Auml;
&#196;
Ä
uppercase A, umlaut
&Aring;
&#197;
Å
uppercase A, ring
&AElig;
&#198;
Æ
uppercase AE
&Ccedil;
&#199;
Ç
uppercase C, cedilla
&Egrave;
&#200;
È
uppercase E, grave accent
&Eacute;
&#201;
É
uppercase E, acute accent
&Ecirc;
&#202;
Ê
uppercase E, circumflex accent
&Euml;
&#203;
Ë
uppercase E, umlaut
&Igrave;
&#204;
Ì
uppercase I, grave accent
&Iacute;
&#205;
Í
uppercase I, acute accent
&Icirc;
&#206;
Î
uppercase I, circumflex accent
&Iuml;
&#207;
Ï
uppercase I, umlaut
&ETH;
&#208;
Ð
uppercase Eth, Icelandic
&Ntilde;
&#209;
Ñ
uppercase N, tilde
&Ograve;
&#210;
Ò
uppercase O, grave accent
&Oacute;
&#211;
Ó
uppercase O, acute accent
&Ocirc;
&#212;
Ô
uppercase O, circumflex accent
&Otilde;
&#213;
Õ
uppercase O, tilde
Name Code
Number Code
Glyph
Description
&Ouml;
&#214;
Ö
uppercase O, umlaut
&times;
&#215;
×
multiplication sign
&Oslash;
&#216;
Ø
uppercase O, slash
&Ugrave;
&#217;
Ù
uppercase U, grave accent
&Uacute;
&#218;
Ú
uppercase U, acute accent
&Ucirc;
&#219;
Û
uppercase U, circumflex accent
&Uuml;
&#220;
Ü
uppercase U, umlaut
&Yacute;
&#221;
Ý
uppercase Y, acute accent
&THORN;
&#222;
Þ
uppercase THORN, Icelandic
&szlig;
&#223;
ß
lowercase sharps, German
&agrave;
&#224;
à
lowercase a, grave accent
&aacute;
&#225;
á
lowercase a, acute accent
&acirc;
&#226;
â
lowercase a, circumflex accent
&atilde;
&#227;
ã
lowercase a, tilde
&auml;
&#228;
ä
lowercase a, umlaut
&aring;
&#229;
å
lowercase a, ring
&aelig;
&#230;
æ
lowercase ae
&ccedil;
&#231;
ç
lowercase c, cedilla
&egrave;
&#232;
è
lowercase e, grave accent
Name Code
Number Code
Glyph
Description
&eacute;
&#233;
é
lowercase e, acute accent
&ecirc;
&#234;
ê
lowercase e, circumflex accent
&euml;
&#235;
ë
lowercase e, umlaut
&igrave;
&#236;
ì
lowercase i, grave accent
&iacute;
&#237;
í
lowercase i, acute accent
&icirc;
&#238;
î
lowercase i, circumflex accent
&iuml;
&#239;
ï
lowercase i, umlaut
&eth;
&#240;
ð
lowercase eth, Icelandic
&ntilde;
&#241;
ñ
lowercase n, tilde
&ograve;
&#242;
ò
lowercase o, grave accent
&oacute;
&#243;
ó
lowercase o, acute accent
&ocirc;
&#244;
ô
lowercase o, circumflex accent
&otilde;
&#245;
õ
lowercase o, tilde
&ouml;
&#246;
ö
lowercase o, umlaut
&divide;
&#247;
÷
division sign
&oslash;
&#248;
ø
lowercase o, slash
&ugrave;
&#249;
ù
lowercase u, grave accent
&uacute;
&#250;
ú
lowercase u, acute accent
&ucirc;
&#251;
û
lowercase u, circumflex accent
Name Code
Number Code
Glyph
Description
&uuml;
&#252;
ü
lowercase u, umlaut
&yacute;
&#253;
ý
lowercase y, acute accent
&thorn;
&#254;
þ
lowercase thorn, Icelandic
&yuml;
&#255;
ÿ
lowercase y, umlaut
HAT IS CSS?
CSS (cascading stylesheets) is a simple mechanism for controlling the style of a web document without compromising its structure. By separating visual design elements (fonts, colors, margins, and so on) from the structural logic of a web page, CSS gives designers the control they crave without sacrificing the integrity of the data, thus maintaining its usability in multiple environments.
In addition, defining typographic design and page layout from within a single, distinct block of code — without having to resort to image maps, <font> tags, tables, and spacer GIFs — allows for faster downloads, streamlined site maintenance, and instantaneous global control of design attributes across multiple pages.
Client-side support for the various CSS properties is uneven, even among browsers that support stylesheets
UNLESS YOU HAVE a Unix machine sitting on your desktop, you’re probably accessing it through telnet or a command-line shell. This interface may be a little intimidating to new users who are usually a tad more comfortable with a point-and-click interface. But it’s really not as hard as it looks.
This reference sheet gives you the basic commands you’ll need, focusing especially on file management. You can also learn how to combine commands and become a real power user. If you need more help getting started, take a look at Pam’s excellent introduction entitled Learn Enough Unix for Your Resume. Between that article and this guide, you’ll be on your way to becoming a Unix master. Soon you’ll be wondering how you got along without it.
cat
Prints files to input, or reads and returns input.
cd
Changes directories, allows movement through the directory structure.
chmod
Changes permissions on a file or directory
chown
Changes ownership of files and directories
cp
Copies files.
date
Displays or sets the current date and time.
diff
Shows differences between files.
exit
Ends a process, and returns to the parent process.
find
Searches for files.
finger
Looks up user information.
grep
Look for lines which match a given string or regular expression.
head
Prints the first few lines of a file.
kill
Terminates a process by PID.
less
Displays the content of a file.
lprm
Removes printer queue requests.
ls
Lists files in a directory.
man
Displays the manual page for a program.
mkdir
Creates directories.
more
Prints the contents of files.
mv
Moves or renames files.
passwd
Creates or changes passwords.
ps
Gives a list of all active processes, along with other information.
pwd
Prints the current directory.
rlogin
Logs into remote systems
rm
Removes files.
rmdir
Removes empty directories.
su
Logs in as another user.
tail
Prints the last few lines of a file.
telnet
Communicates with other hosts via the telnet protocol.
who

ngHTML Cheatsheet page 1 of 2 Basic Tags
Creates an HTML document Sets off the title & other info that isn't displayed
Sets off the visible portion of the document Puts name of the document in the title bar; when bookmarking pages, this is what is bookmarked Body attributes (only used in email newsletters)
Sets background color, using name or hex value
Sets text color, using name or hex value
Sets color of links, using name or hex value
Sets color of visited links, using name or hex value
Sets color of active links (while mouse-clicking) 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) 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 Formatting
Creates a new paragraph
AInserts 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 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 eachdefintion term
Precedes eachdefintion Graphical elements

Inserts a horizontal rule

Sets size (height) of horizontal rule

Sets width of rule (as a % or absolute pixel length)

Creates a horizontal rule without a shadow Adds image; it is a separate file located at the URL Aligns image left/right/center/bottom/top/middle (use CSS) Sets size of border surrounding image (use CSS) Sets height of image, in pixels Sets width of image, in pixels ?Sets the alternate text for browsers that can't process images (required by the ADA) HTML Cheatsheet page 2 of 2 Forms
Top of Form
Bottom of Form
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 Tables (use only for data layout - use CSS for page layout) Table attributes (only use for email newsletters)
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)

Sets the width of the border around table cells
Sets amount of space between table cells
Sets amount of space between a cell's border and its contents
Sets width of the table in pixels or as a percentage Sets alignment for cells within the row (left/center/right)
Sets alignment for cells (left/center/right)
Sets vertical alignment for cells within the row (top/middle/bottom)
Sets vertical alignment for cell (top/middle/bottom)
Sets number of rows a cell should span (default=1)
Sets number of columns a cell should span
Prevents lines within a cell from being broken to fit HTML5 input tag attributes (not all browsers support; visit http://caniuse.com for details) 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