Website Helpers.com

  Articles, tips, and resources for webmasters


a project by Michael Bluejay | email

 

Beginning HTML

What is HTML?

  • HTML is the main language used to make web pages. (It can also be used in emails in certain cases.)
  • HTML codes can make text appear in different sizes, colors, and locations.
  • HTML codes are called tags. Tags always appear within the <> marks. For example, <B> is the tag for bold text and <IMG> is the tag to use an image.
  • Tags always come in pairs, the main tag and then the closing tag. The closing tag has a slash / before the tag name.

Here are several examples that can be used in email that supports HTML:

Code

What it looks like

Paragraphs

  • Paragraphs must start with a <P>, otherwise all the lines will run together.
  • The closing </P> is optional.
  • The <P> tag automatically creates a space between paragraphs (double spacing). If you don't want double spacing, use <BR> instead.

apples
oranges
bananas

applesorangesbananas

<P>apples
<P>oranges
<P>bananas

apples

oranges

bananas

<P>apples
<BR>oranges
<BR>bananas
 

apples
oranges
bananas

Bold text

<P><B>I'm learning how to use HTML tags.<B>

I'm learning how to use HTML tags.

<P>I'm <B>learning</B> how to use HTML tags.
 

I'm learning how to use HTML tags.

Italics

<P><I>I'm learning how to use HTML tags.</I>

I'm learning how to use HTML tags.

<P>I'm <I>learning</I> how to use HTML tags.

I'm learning how to use HTML tags.

<P><B><I>I'm learning how to use HTML tags.</I></B>

I'm learning how to use HTML tags.

<P>I'm <B>learning</B> how to use <I>HTML</I> tags.

I'm learning how to use HTML tags.

Headings

<H1>I'm learning how to use HTML tags.</H1>

I'm learning how to use HTML tags.

<H2> I'm learning how to use HTML tags.</H2>

I'm learning how to use HTML tags.

<H3> I'm learning how to use HTML tags.</H3>
 

I'm learning how to use HTML tags.

Fonts   Use only these fonts to make sure every user can see them: Arial, Comic Sans MS, Georgia, Impact, Times New Roman, Trebuchet MS, Verdana

<P><FONT face="arial">I'm learning how to use HTML tags.</FONT>

I'm learning how to use HTML tags.

<P><B><FONT face="arial">I'm learning how to use HTML tags.</FONT></B>
 

I'm learning how to use HTML tags.

Centering Text

  • Browers ignore extra spaces, so don't try to line anything up by using a lot of spaces. It won't work.

<CENTER>I'm learning HTML.</CENTER>

I'm learning HTML.

I'm learning                         HTML.
 

I'm learning HTML.

Indenting Text

<P>Here is an indented paragraph:

<BLOCKQUOTE>This is a test of the emergency broadcast system. Beep! The broadcasters in your area, in voluntary cooperation with the FCC and other authorities...Beep!</BLOCKQUOTE>

Here is an indented paragraph:

This is a test of the emergency broadcast system. Beep! The broadcasters in your area, in voluntary cooperation with the FCC and other authorities...Beep!

Website Helpers.com

  Articles, tips, and resources for webmasters


a project by Michael Bluejay | email