Basic HTML

Notes:

Some items are shown with leading spaces. This is for readability, and has no effect on HTML.

Notes about using HTML in Blogger:

This is not quite as straight forward as I've stated.  Sometimes I need to use a '<BR>' and sometimes I've pressed 'Enter' to get the right amount of space between items.

Before you use the 'Compose' mode, you might want to save a copy of your work.  I spent quite a bit of time putting this post back together when I forgot, and clicked on Compose.

Make sure you haven't used the Enter key when creating a table.  Everything needs to be on one line, or your table will be pushed down the page.

Sometimes other colors and line styles seem to pop up from other posts.  I haven't been able to pin it down as to the pattern.  If you know, please let me know. (For example, at least right now, my example of Header 1 looks the way it does because the basic template header 1 was styled like that.  That's not the normal header 1 you would see displayed if you just viewed it under Firefox.)

Don't count on 'Preview' to look the same as your published post.  Especially with HTML, it just doesn't.

<A HREF="http://my-oracle-10g-tips.blogspot.com/2008/11/basic-html.html">Click Here</A>

Click Here

<a href="#label">Any content</a> <a name="label">Any content</a>

Any content
Any content

<B>bold</B> <i>Italic</i> <U>Underline</U>

bold  Italic  Underline

Line<Br>Break

Line
Break

<Center>Center</Center>

Center

<H1>Header1</H1> <H2>Header2</H2>

Header1

Header2

<DL>     <DT> <b>Word</b>     <DD>Meaning </DL>

Word

Meaning

<MENU>      <LI type="disc">disc      <LI type="circle">circle      <LI type="square">square </MENU>

disc

circle

square

<OL>      <LI>Apples      <LI>Oranges </OL>

1. Apples
2. Oranges

<OL start="5">      <LI>Number 5      <LI>Number 6 </OL>

5. Number 5
6. Number 6

<UL type="disc">         <LI>Fruit                 <UL    type="circle">                         <LI>Strawberries                         <LI>Pineapple                 </UL>         <LI>Vegetables                 <UL    type="circle">                         <LI>Swiss Chard                         <LI>Broccoli  </UL> </UL>

• Fruit
  • Strawberries
  • Pineapple
• Vegetables
  • Swiss Chard
  • Broccoli

<TABLE BORDER="4" CELLPADDING="2" CELLSPACING="2" WIDTH="20%">         <TR>                 <TH>Hdr 1</TH>                 <TH>Hdr 2</Th>         </TR>         <TR>                 <TD>1a</TD>                 <TD>2b</TD>         </TR> </TABLE>

Hdr 1	Hdr 2
1a	2b

<FONT FACE="Comic Sans MS"SIZE="+0" COLOR="#000000">Black</FONT> <FONT FACE="Comic Sans MS" SIZE="+1" COLOR="#FFFF00">Yellow </FONT> <FONT FACE="Comic Sans MS" SIZE="+2" COLOR="#FF0000">Red    </FONT> <FONT FACE="Comic Sans MS" SIZE="+3" COLOR="#008000">Green  </FONT> <FONT FACE="Comic Sans MS" SIZE="+4" COLOR="#0000ff">Blue   </FONT> <FONT FACE="Comic Sans MS" SIZE="+5" COLOR="#00FF00">Lime   </FONT> <FONT FACE="Comic Sans MS" SIZE="+6" COLOR="#FFA500">Orange </FONT> <FONT FACE="Comic Sans MS" SIZE="+7" COLOR="#800080">Purple </FONT> <FONT FACE="Comic Sans MS" SIZE="+8" COLOR="#FFC0CB">Pink   </FONT> <FONT FACE="Comic Sans MS" SIZE="+9" COLOR="#A52a2a">Brown  </FONT>

Black Yellow Red   Green Blue 
Lime  Orange Purple Pink  Brown

<HR Width="50%" Size"3"NOSHADE> <HR Width="50%" Size "3"> <HR WIDTH="75%" COLOR="#FF0000" SIZE="4">

---

---

---

I like to display some text in                               <b style="color: rgb(255, 0, 0);">Red</span> </b>. Others look good in                               <b style="color: rgb(0,0, 153);">Blue</span> </b> , and still others in                               <b style="color: rgb(0, 153, 0);">Green</span> </b>

I like to display some text in Red. Others look good in Blue , and still others in Green.