HTML
Cheat Sheet
Save Time with an HTML Cheat
Sheet
Once you become
familiar with HTML code
and designing sites, an HTML cheat sheet can really
save you time in the long run. Don't worry... it's
not like the "cheat sheets" in school for which you
will get a detention and a failing grade if caught!
A cheat sheet for HTML coding is perfectly legal in
the web
design
world!
What is an HTML Code Cheat
Sheet?
It's not really a printed
sheet of paper (although you can print if you
want), but it's actually a web page with HTML codes
listed and what they represent all in a neat list
for you.
The cheat page will often
provide a huge list of HTML codes for common web
page features such as headings, text formatting
(bold, italic, etc.), paragraphs, symbols, lists,
line breaks, images, links, HTML forms, and more.
If building a web page with tables, you can grab
table coding from a cheat sheet to start building
your tables. But don't forget that tables within
tables can be tricky, so be sure you understand how
tables work before using just any type of
code.
At Your
Fingertips
An HTML cheat sheet can be
convenient for designers because it gives all the
most common codes in one location. So when you need
the building code to create a hyperlink, you won't
have to go searching for it all over the web! The
cheat sheet provides all the codes on a single web
page.
This will also be very useful
if you design websites as a freelancer for others.
Your time will be stretched as you try to be
creative while hurrying each project along within a
reasonable timeframe. A bookmarked cheat sheet can
be a lifesaver when you have tight deadlines to
meet!
Copy and Paste
Features
The best HTML cheat sheets
make it easy to copy and paste the code directly
into your web document. One example I found online
is at http://www.webmonkey.com/2010/02/html_cheatsheet/
. This page will give you a good idea of how a
sheet functions. Look for a page that has the code
within a text box where you can just mouse over it
and click once to highlight the entire code. This
is much easier and faster than having to move your
mouse over the entire code and highlight for
copying. And you won't have to worry about missing
part of the code.
Once copied, you can open
your web document in Notepad or a WYSIWYG (what you
see is what you get) HTML editor and paste it
within your page's code where you need
it.
Tips
Make sure the HTML cheat
sheet you're using has up-to-date codes. HTML has
changed somewhat over the years. HTML 4.0 has been
the most commonly used code for quite a while, but
there are variations when using CSS and PHP.
There is also an HTML 5.0
version available now that uses different codes for
some web page features. Find out if the cheat sheet
is being monitored and updated before bookmarking
it as your main source of code. Doing so will
ensure that the codes on the page will change as
the design world progresses!
Whether you are new to
learning web page design or have been doing it a
while, an HTML cheat sheet can make life easier and
help your design projects go much faster!
This is just one
HTML
class I studied while
taking the complete beginner web design
course.
Related Lessons:
HTML
Fonts
Ecommerce
Web Design
HTML
Tester
HTML
Layouts
Web
Design
Inspiration
HTML
Symbols
Web
Design
Education
|
