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
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
|
‘
|
‘
|
left single quote
|
|
’
|
’
|
right single quote
|
|
‚
|
‚
|
single low-9 quote
|
|
“
|
“
|
left double quote
|
|
”
|
”
|
right double quote
|
|
„
|
„
|
double low-9 quote
|
|
†
|
†
|
dagger
|
|
‡
|
‡
|
double dagger
|
|
‰
|
‰
|
per mill sign
|
|
‹
|
‹
|
single left-pointing angle quote
|
|
›
|
›
|
single right-pointing angle quote
|
|
♠
|
♠
|
black spade suit
|
|
♣
|
♣
|
black club suit
|
|
♥
|
♥
|
black heart suit
|
|
♦
|
♦
|
black diamond suit
|
|
‾
|
‾
|
overline, = spacing overscore
|
|
←
|
←
|
leftward arrow
|
|
↑
|
↑
|
upward arrow
|
|
→
|
→
|
rightward arrow
|
|
↓
|
↓
|
downward arrow
|
|
™
|
™
|
trademark sign
|
|
Name Code
|
Number Code
|
Glyph
|
Description
|
�-
|
unused
|
||
	
|
horizontal tab
|
||
|
line feed
|
||

|
unused
|
||
 
|
space
|
||
!
|
!
|
exclamation mark
|
|
"
|
"
|
“
|
double quotation mark
|
#
|
#
|
number sign
|
|
$
|
$
|
dollar sign
|
|
%
|
%
|
percent sign
|
|
&
|
&
|
&
|
ampersand
|
'
|
‘
|
apostrophe
|
|
(
|
(
|
left parenthesis
|
|
)
|
)
|
right parenthesis
|
|
*
|
*
|
asterisk
|
|
+
|
+
|
plus sign
|
|
,
|
,
|
comma
|
|
-
|
–
|
hyphen
|
|
.
|
.
|
period
|
|
Name Code
|
Number Code
|
Glyph
|
Description
|
⁄
|
/
|
/
|
slash
|
0-9
|
digits 0-9
|
||
:
|
:
|
colon
|
|
;
|
;
|
semicolon
|
|
<
|
<
|
<
|
less-than sign
|
=
|
=
|
equals sign
|
|
>
|
>
|
>
|
greater-than sign
|
?
|
?
|
question mark
|
|
@
|
@
|
at sign
|
|
A-Z
|
uppercase letters A-Z
|
||
[
|
[
|
left square bracket
|
|
\
|
\
|
backslash
|
|
]
|
]
|
right square bracket
|
|
]
|
]
|
caret
|
|
_
|
_
|
horizontal bar (underscore)
|
|
`
|
`
|
grave accent
|
|
a-z
|
lowercase letters a-z
|
||
{
|
{
|
left curly brace
|
|
|
|
|
|
vertical bar
|
|
Name Code
|
Number Code
|
Glyph
|
Description
|
}
|
}
|
right curly brace
|
|
~
|
~
|
tilde
|
|
-•
|
unused
|
||
–
|
–
|
–
|
en dash
|
—
|
—
|
—
|
em dash
|
˜-Ÿ
|
unused
|
||
|
 
|
nonbreaking space
|
|
¡
|
¡
|
¡
|
inverted exclamation
|
¢
|
¢
|
¢
|
cent sign
|
£
|
£
|
£
|
pound sterling
|
¤
|
¤
|
¤
|
general currency sign
|
¥
|
¥
|
¥
|
yen sign
|
¦ or &brkbar;
|
¦
|
¦
|
broken vertical bar
|
§
|
§
|
§
|
section sign
|
¨ or ¨
|
¨
|
¨
|
umlaut
|
©
|
©
|
©
|
copyright
|
ª
|
ª
|
ª
|
feminine ordinal
|
«
|
«
|
«
|
left angle quote
|
¬
|
¬
|
¬
|
not sign
|
­
|
­
|
soft hyphen
|
|
®
|
®
|
®
|
registered trademark
|
¯ or &hibar;
|
¯
|
¯
|
macron accent
|
Name Code
|
Number Code
|
Glyph
|
Description
|
°
|
°
|
°
|
degree sign
|
±
|
±
|
±
|
plus or minus
|
²
|
²
|
²
|
superscript two
|
³
|
³
|
³
|
superscript three
|
´
|
´
|
´
|
acute accent
|
µ
|
µ
|
µ
|
micro sign
|
¶
|
¶
|
¶
|
paragraph sign
|
·
|
·
|
·
|
middle dot
|
¸
|
¸
|
¸
|
cedilla
|
¹
|
¹
|
¹
|
superscript one
|
º
|
º
|
º
|
masculine ordinal
|
»
|
»
|
»
|
right angle quote
|
¼
|
¼
|
¼
|
one-fourth
|
½
|
½
|
½
|
one-half
|
¾
|
¾
|
¾
|
three-fourths
|
¿
|
¿
|
¿
|
inverted question mark
|
À
|
À
|
À
|
uppercase A, grave accent
|
Á
|
Á
|
Á
|
uppercase A, acute accent
|
Â
|
Â
|
Â
|
uppercase A, circumflex accent
|
Name Code
|
Number Code
|
Glyph
|
Description
|
Ã
|
Ã
|
Ã
|
uppercase A, tilde
|
Ä
|
Ä
|
Ä
|
uppercase A, umlaut
|
Å
|
Å
|
Å
|
uppercase A, ring
|
Æ
|
Æ
|
Æ
|
uppercase AE
|
Ç
|
Ç
|
Ç
|
uppercase C, cedilla
|
È
|
È
|
È
|
uppercase E, grave accent
|
É
|
É
|
É
|
uppercase E, acute accent
|
Ê
|
Ê
|
Ê
|
uppercase E, circumflex accent
|
Ë
|
Ë
|
Ë
|
uppercase E, umlaut
|
Ì
|
Ì
|
Ì
|
uppercase I, grave accent
|
Í
|
Í
|
Í
|
uppercase I, acute accent
|
Î
|
Î
|
Î
|
uppercase I, circumflex accent
|
Ï
|
Ï
|
Ï
|
uppercase I, umlaut
|
Ð
|
Ð
|
Ð
|
uppercase Eth, Icelandic
|
Ñ
|
Ñ
|
Ñ
|
uppercase N, tilde
|
Ò
|
Ò
|
Ò
|
uppercase O, grave accent
|
Ó
|
Ó
|
Ó
|
uppercase O, acute accent
|
Ô
|
Ô
|
Ô
|
uppercase O, circumflex accent
|
Õ
|
Õ
|
Õ
|
uppercase O, tilde
|
Name Code
|
Number Code
|
Glyph
|
Description
|
Ö
|
Ö
|
Ö
|
uppercase O, umlaut
|
×
|
×
|
×
|
multiplication sign
|
Ø
|
Ø
|
Ø
|
uppercase O, slash
|
Ù
|
Ù
|
Ù
|
uppercase U, grave accent
|
Ú
|
Ú
|
Ú
|
uppercase U, acute accent
|
Û
|
Û
|
Û
|
uppercase U, circumflex accent
|
Ü
|
Ü
|
Ü
|
uppercase U, umlaut
|
Ý
|
Ý
|
Ý
|
uppercase Y, acute accent
|
Þ
|
Þ
|
Þ
|
uppercase THORN, Icelandic
|
ß
|
ß
|
ß
|
lowercase sharps, German
|
à
|
à
|
à
|
lowercase a, grave accent
|
á
|
á
|
á
|
lowercase a, acute accent
|
â
|
â
|
â
|
lowercase a, circumflex accent
|
ã
|
ã
|
ã
|
lowercase a, tilde
|
ä
|
ä
|
ä
|
lowercase a, umlaut
|
å
|
å
|
å
|
lowercase a, ring
|
æ
|
æ
|
æ
|
lowercase ae
|
ç
|
ç
|
ç
|
lowercase c, cedilla
|
è
|
è
|
è
|
lowercase e, grave accent
|
Name Code
|
Number Code
|
Glyph
|
Description
|
é
|
é
|
é
|
lowercase e, acute accent
|
ê
|
ê
|
ê
|
lowercase e, circumflex accent
|
ë
|
ë
|
ë
|
lowercase e, umlaut
|
ì
|
ì
|
ì
|
lowercase i, grave accent
|
í
|
í
|
í
|
lowercase i, acute accent
|
î
|
î
|
î
|
lowercase i, circumflex accent
|
ï
|
ï
|
ï
|
lowercase i, umlaut
|
ð
|
ð
|
ð
|
lowercase eth, Icelandic
|
ñ
|
ñ
|
ñ
|
lowercase n, tilde
|
ò
|
ò
|
ò
|
lowercase o, grave accent
|
ó
|
ó
|
ó
|
lowercase o, acute accent
|
ô
|
ô
|
ô
|
lowercase o, circumflex accent
|
õ
|
õ
|
õ
|
lowercase o, tilde
|
ö
|
ö
|
ö
|
lowercase o, umlaut
|
÷
|
÷
|
÷
|
division sign
|
ø
|
ø
|
ø
|
lowercase o, slash
|
ù
|
ù
|
ù
|
lowercase u, grave accent
|
ú
|
ú
|
ú
|
lowercase u, acute accent
|
û
|
û
|
û
|
lowercase u, circumflex accent
|
Name Code
|
Number Code
|
Glyph
|
Description
|
ü
|
ü
|
ü
|
lowercase u, umlaut
|
ý
|
ý
|
ý
|
lowercase y, acute accent
|
þ
|
þ
|
þ
|
lowercase thorn, Icelandic
|
ÿ
|
ÿ
|
ÿ
|
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.
Prints files to input, or reads and returns input.
cd
Changes directories, allows movement through the directory structure.
Changes directories, allows movement through the directory structure.
chmod
Changes permissions on a file or directory
Changes permissions on a file or directory
chown
Changes ownership of files and directories
Changes ownership of files and directories
cp
Copies files.
Copies files.
date
Displays or sets the current date and time.
Displays or sets the current date and time.
diff
Shows differences between files.
Shows differences between files.
exit
Ends a process, and returns to the parent process.
Ends a process, and returns to the parent process.
find
Searches for files.
Searches for files.
finger
Looks up user information.
Looks up user information.
grep
Look for lines which match a given string or regular expression.
Look for lines which match a given string or regular expression.
head
Prints the first few lines of a file.
Prints the first few lines of a file.
kill
Terminates a process by PID.
Terminates a process by PID.
less
Displays the content of a file.
Displays the content of a file.
lprm
Removes printer queue requests.
Removes printer queue requests.
ls
Lists files in a directory.
Lists files in a directory.
man
Displays the manual page for a program.
Displays the manual page for a program.
mkdir
Creates directories.
Creates directories.
more
Prints the contents of files.
Prints the contents of files.
mv
Moves or renames files.
Moves or renames files.
passwd
Creates or changes passwords.
Creates or changes passwords.
ps
Gives a list of all active processes, along with other information.
Gives a list of all active processes, along with other information.
pwd
Prints the current directory.
Prints the current directory.
rlogin
Logs into remote systems
Logs into remote systems
rm
Removes files.
Removes files.
rmdir
Removes empty directories.
Removes empty directories.
su
Logs in as another user.
Logs in as another user.
tail
Prints the last few lines of a file.
Prints the last few lines of a file.
telnet
Communicates with other hosts via the telnet protocol.
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)
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






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
|
0 Comments