HTML cheat sheet (Simple HTML tags)

XP Mallorca wants you to understand the basics of HTML as well as write some HTML codes. These codes are very useful for designing your profile on a social networking site or adding creative comments in forum and blog posts. The basic tags of HTML are easy to learn, and use. The following HTML tags are widely used on the web environment and XP Mallorca has provided them in a easy-to-use "cheat sheet" format.

XP Mallorca HTML cheat sheet
Text tags: tags used to format your font

<b>bold</b>

<strong>strong/bold</strong>

<i>italics</i>

<em>emphasis/italics</em>

<font size=#>change font size by number 1-7</font>

<font color=RED>change font color to red</font>

   you can also change to other colors (HTML color names)

<h1>Large header</h1>

   you can create headers through H6 (1 is largest, 6 is smallest)



Formatting your paragraph



<br> line break (creates a new line for text)

<p> paragraph </p> (makes a paragraph for text with line breaks on each side)

<ol> numbered list </ol>

<ul> bulleted list </ul>

<blockquote> indents text from both sides </blockquote>



Links



<a href="FULL WEB ADDRESS"> link to a web address </a>

<a href="mailto:EMAIL ADDRESS"></a>

<a href="FULL WEB ADDRESS" target="_blank"> opens link in new window </a>



Images



<img src="NAME.TYPE"> adds an image </img>

   image must be in the same location (folder) as the web page

<img src="FULL WEB ADDRESS.TYPE"> adds an image from web</img>

   image can be hosted anywhere on the internet

   (make sure you have permission to use the image)

<img src="NAME.TYPE" border="2"> adds image with a border </img>


NEXT: How to add images and links in sites like flickr