How to format DR logs into HTML
and KEEP the formatting

This is me cutting and pasting a snippet of a Dreamheart song from Microsoft Word into Front Page:

Dreamheart sings in an alto voice:

    "And

         we

            add..."

Dreamheart sings in an alto voice:

    "Some cool silky water from Eluned's streams,

     A fire-filled touch from Tamsine's hearth.

     This is how songs are woven from dreams,

Well, at least it didn't run it all together on one line.  But then you think you're going to get rid of the double lines by editing the code, right?  Take at a look at the code!  (View-->Source, but hopefully you knew that).  What a mess!

Let's try that again, shall we?  I don't need no stinkin' Word anyway, I'll just open my log in Notepad/Wordpad, and clean it from there.  Copy and paste into FrontPage...

Dreamheart sings in an alto voice:

"And

we

add..."

Dreamheart sings in an alto voice:

"Some cool silky water from Eluned's streams,

A fire-filled touch from Tamsine's hearth.

This is how songs are woven from dreams,

This is how songs strive to sing!"

Oops, double-spaced, and no indents <g>

Dang it, what if I copy and paste it from Notepad/Wordpad directly into the HTML itself?

Hmmm....

Getting there!  Now, edit the HTML you code-master you!  While in the HTML view, put a <PRE> at the beginning of it, and a </PRE> at the end of it...

Dreamheart sings in an alto voice:

    "And
         we
            add..."

Dreamheart sings in an alto voice:

    "Some cool silky water from Eluned's streams,
     A fire-filled touch from Tamsine's hearth.
     This is how songs are woven from dreams,
     This is how songs strive to sing!"
     

Now will you look at that!  SWEEEET!!!  If you don't use Front Page or Word, I'm sure you can still figure out what I mean.  Basically, you need 2 things:  a .TXT file and the PRE tags.  Even if you're a novice, but interested in putting DR logs onto a website, PLEASE try clicking View-->Source in your browser, and find the 4 snippets.  You can thank me later :-)

::cheer::

An advanced website design tip is you can format the <PRE> tags with CSS.

Now, I have to share a funny story with you.  I looked at a LOT of websites trying to figure this one out.  And yeah, probably some of them had the PRE tag defined somewhere, and I didn't see it or recognize it for what it was.  But to kind of prove my point that a lot of people out there just don't get it, there was this one site in particular.  It had a link for "Poetry in HTML" and I thought, "A-ha!"  All it said was, "It's very hard to do since html doesn't recognize white space.  You can format it with spaces, but it's still not great."  Then showed a crappy looking example.  Not 6" down the webpage was the <PRE> tag defined.  The guy wrote, "This is how you format the html if you want to keep all your formatting.  A good use for this is if you need to show an example of html code on your site."  So they guy knew how to format the linebreaks and spaces to show html code, but not poetry.  LOL