Re: Half Space Technique for html art

ilt...@sci.fi (Ilmari Karonen) wrote:

>Pete Casso (pet...@sympatico.ca) wrote:
>: However, the following _html_ technique allows one to position monospace
>: font in half space locations. The heart of the idea is that all web
>: browsers are able to center the display of a line of text. The basic
>: html coding technique will be explained by way of example, using the
>: html tags <PRE>, <CENTER>, and <TT>, see the html code snippet below.

>Doesn't work in Lynx, nor will it work in any browser that parses HTML
>like the standard says you should. You just can't put <CENTER> inside
><PRE> and call it valid HTML. Different browsers will try to make sense
>of it differently, and the sensible thing Lynx does is to assume that
>you meant the <CENTER> to go _after_ the <PRE> block but forgot the end
>tag. So not only is the effect lost (what do you expect from a character
>cell browser) but the the pictures are all smashed into ASCII soup.

A "character cell browser"?? What do you mean by that?

>Now if the <CENTER> was outside the <PRE>, it might just work, but I
>wouldn't count on it.

Why not? Did you try?
To my knowledge this is valid HTML 3.2 code:

<HTML>
<BODY>

<CENTER><PRE>

Half Space Technique for html art

<TT>01   .oo   </TT>
<TT>02  (  -)  </TT>
<TT>03   " "   </TT>
<TT>04         </TT>
<TT>05    .oo   </TT>
<TT>06  (  -)  </TT>
<TT>07   " "   </TT>
<TT>08         </TT>
<TT>09   .oo    </TT>
<TT>10  (  -)  </TT>
<TT>11   " "   </TT>

</PRE></CENTER>

</BODY>
</HTML>

The teletype tags are redundant of course, but PC gave a good reason to add
those.

>Style sheets would do it nicely, of course, but
>I don't suppose many browsers support them that well yet. :-(

Now you mention it. I just found a booklet about typewriter art -- Bob Neill's
Second Book of Typewriter Art (1984) -- with good descriptions of
"how-to-do-it-yourself". Ofcourse, typing the portrait of Barry Manilow or JR
Ewing has allways been one of my biggest dreams. ;)

There's a slight drawback though: he *overtypes* to obtain a broader greyscale
palette. But using layers in html 4.0 I might make it work on a webpage. One
day...

ciao,
mic

Related ASCII art in the Gallery

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

   ))
 .-#-----.
/_________\
 |[] _ []|
 |  |*|  |

  ,  ,  , , ,
 <(__)> | | |
 | \/ | \_|_/
 \^  ^/   |
 /\--/\  /|
/  \/  \/jgs

     /| __________
O|==|* >__________>
     \|

(    )
|\^^/|
(0::0)
 \\// 
 (oo) 
/ \/ \

(\  _  /)
( \( )/ )
(       )
 `>   <' 
 /     \ 
 `-._.-' 

(‘-‘)

Make your own ASCII art

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