Web City PagesSolutions for your web business

Quick Reference: ← using <H3> = Header style #3. Available from H1 - H6

<P> = Paragraph </P>

<I> = Italic </I>   Also   <EM> = Emphasis </EM>
<U> = Underline </U>
<B> = Bold </B>   Also   <STRONG> = Strong </STRONG>
<S> = Strikeout </S>
<FONT COLOR="blue" SIZE="4"> = Font color+size </FONT>
<A HREF="http://www.mysite.com/somepage.html"> = Anchor/Link </A>
<IMG SRC="pics/right.gif" alt="Sample Image" /> = Sample Image Image
<BR /> = Break
<HR /> = Horizontal Line (see below)

So you want to learn HTML

HTML stands for HyperText Markup Language, in basic, something that the basic browsers understand before rendering. Here's some basic rules.

  • Start a tag-code with <CODE> and end with </CODE>
  • Never overlap tags like so: <B>Bold and then <I>Italic</B></I>
  • If you must join, close the closest corresponding tags first
    <B>Bold <I>Italic+Bold</I> ← close, then</B> to end
  • An HTML page should contain: <HTML><HEAD><TITLE>title-here</TITLE> </HEAD> <BODY> Your Content Here </BODY> </HTML>
  • Unless you have a Content Management Software that does this for you.

To break from line1,
to a new line2 use <br /> (one of the few single tags: no need for ending </tag>)
to separate with Paragraphs
<P>Paragraph2</P> (like the one coming up after this line)

For images: <img src="Directory/Artwork.jpg" alt="My New Work" />   (another one of those single tags)
For Links: <a href="http://google.com" target="_blank">Search Google!</a>
You can place the image tag where "Search Google!" is at, for a clickable image.
Use target="_blank" to open in a new window. place a border="0" in the image tag to remove possible borders during linking.

you can hide text for notes or other comments by putting them in between a <!-- & --> like so: <!-- Hidden Notes Here -->