Basic HTML Cheat Sheet

Page structure

<html>
outlines the whole page and defines it as html
<head>
code about the page, title and meta information
<title>
page title - should be the first line inside the head
<body>
page content goes in here

Page markup

<strong>
bold, alternatively <b>
<i>
italic, alternatively <em>
<u>
underline
<a>
anchor text - create a link with attribute href=
<img>
image tag
<h1>
heading 1
<h2>
heading 2 - and so on to <h6>
<p>
paragraph of text
<br />
a line break in a paragraph of text (can be used to add space)
<hr />
horizontal rule - a line across the page, can be used as a separator
<dl>
unordered list - bullet pointed list
<ol>
ordered list - numbered list
<li>
list item - must come within either an ordered or unordered list tag

Additional markup

<strike>
strike through, alternatively <s>
<sub>
subscript - makes text smaller and lower than the line (useful for footnote numbers)
<sup>
superscript - makes text smaller and higher than the line (useful for degrees)
<marquee>
this scrolls text from left to right. Never use this

Definition lists

If you have a glossary of terms, I recommend using definition lists, however, this is not usually included in standard I-COM CSS files, so be sure to check the page after you've added a definition list. This page is written as a definition list

<dl>
definition list
<dt>
definition term
<dd>
definition data
  • Contact

    Speak to us about your project today