Re: Ascii web page

aardvarko (*REMOVEME*aar...@geocities.com) wrote:
: The <tt> tag works for fixed-width fonts too. Believe it stands for
: teletype.

No it doesn't! At least not for anything but oneliners.

: <html>
: <body>
: <tt>
: ASCII Art Here
: </tt>
: </body>
: </html>

First of all, <tt> is a text-level tag like <big>. It should go inside
a paragraph (or a heading or a list item or..). More importantly, all
it does is change the font. The lines are still auto-wrapped and any
consecutive spaces collapsed into one. Not good at all!

<html>
<title>Example 1</title>

<h1>Using TT and PRE tags for ascii art</h1>

<h2>How to do it <tt>:-)</tt></h2>
<pre>
   )
  ((
 |~~|
C|::|
 `=='
</pre>

<h2>How not to do it <tt>:-(</tt></h2>
<tt>
   )
  ((
 |~~|
C|::|
 `=='
</tt>

<p>Obscure "mixed-content" definitions for certain tags like BODY, LI
and TD do make the above valid HTML. However, TT really belongs inside
a paragraph like I did with the smileys. Text put between paragraphs
like above may get smushed together with the last paragraph unless you
are careful with your end tags..</p>
</html>

Do try to save and view the HTML. You'll notice that the second cup
gets put all on one line, like: ) (( |~~| C|::| `=='

Oh, and even though the cups were ascii art, I guess I should add more
to keep this on topic. Here's my version of "Slinky's Dream".

               _.-"-._       (best viewed with a narrow font, it seems)
           _.-'       `-,-"-._
          |-._     _.-'"      `-,-"-._
       _.-"-._`-._|-._     _.-'"      `-,-"-._
   _.-'       `-._|   `-._|-._ _.-"-,-'"      `-._
  |-._         _.-|    _.-"-,-'      "`-._     _.-|
  |   `-._ _.-'_.-"-,-'      "`-._     _.-|_.-'   |
  |       |_.-'      "`-._     _.-|_.-'   |       |
  |-._    |-._         _.-|_.-'   |       |    _.-'
  |   `-._|   `-._ _.-'   |       |    _.-|_.-'
  |       |       |       |    _.-|_.-'_.-'
  |       i-._    |    _.-|_.-'   |_.-'
  `-._    t   `-._|_.-'   |    _.-'
      `-._z       |       |_.-'
          `-._    |    _.-'
              `-._|_.-'
                  "
6 steps should be the minimum, but that doesn't look as good since the
steps have to be lower. (With 4 steps it degenerates into an ordinary
platform - step height = 0)

While playing with this I found a way to shade it without revealing the
illusion. I'm now thinking of raytracing the thing, complete with a
raytraced slinky of course. =)

--
 .    _, .. j u s t.  h o w l.i n g   i n  .t h e   n.i g h t .. ._,   .
,    )''        .       /\_    .     '     ,/\   .          ,    ``(  ,
_\__/ |__.'\._______,--;_'_`-.___,.______,/_,_`.__,-.__'__,/`-._,_| \____
 ,_f_)\. Ilmari Karonen  ilt...@sci.fi  http://www.sci.fi/~iltzu/  /(_|_,.

Related ASCII art in the Gallery

Explore these categories from our collection of 11,000+ artworks:

  _________
 /___   ___\
//@@@\ /@@@\\
\\@@@/ \@@@//
 \___ " ___/
    | - |
     \_/  jrjc

  ______
 /|_||_\`.__
(   _    _ _\
=`-(_)--(_)-'
         hjw

   .="=.
 _/.-.-.\_ 
( ( o o ) )
 |/  "  \| 
  \'---'/jgs  
  /`"""`\\ 

 _________
|  _____  |\
| |\ ___| | \
| | |   | | |
| | |___| | |
\ | |____\| |
 \|_________|
 Andy Johnson

  __      _
o'')}____//
 `_/      )
 (_(_/-(_/

[>====]

Make your own ASCII art

Turn images, text or 3D into ASCII, or draw your own – right in your browser.