Talk: HTMLizing ASCII Art

to...@halls1.cc.monash.edu.au (Tom Paton) wrote:
>mke...@dgsys.com (Mike Kershaw) writes:
>>Karen Litzau (kli...@nyx10.cs.du.edu) wrote:

>>>Subject says it all.  I've been attempting to HTMLize some ASCII art, but 
>>>it's not working.  I enclose the art within <pre> tags, but when i try to 
>>>view it in lynx, it comes out all messed up.  *grrr*  Any suggestions?

>>If you have a pic for GUI browsers to go along with it, this should work.
>><pre><IMG SRC="Your_pic.gif" ALT="
>>Whatever ASCII Art"></pre>

>I tried doing the same thing.
>2 solutions:
>	a) have a line like <a href="asciipic.asc">link to pic</a>
>		which will load up a seperate file that is not interpreted
>		as HTML
>
>	b) include ascii art in html page.
>		put pic between <pre> and </pre>, but you ALSO have to 
>		change all 
>			   '"' (thats qoute characters) to &quot
>		           '<' to &lt
>			   '>' to &gt
>                           '&' to &amp

In my experience, "&gt;" isn't necessary.  Also, remember to include the
required semicolon after each of those, otherwise some browsers may not
recognize them or simply eat the next character.

Also, if you include ASCII art in the ALT="" tag of an <IMG> statement,
you cannot use any of those & commands and so you also cannot use " or >
either in your artwork.  For that situation I recommend replacing them
with ' or ) respectively.

-- 
----'     http://cse.unl.edu/~gberigan/ (Greg Berigan)
------,
    ,-|-, "Some say he's the devil himself."  "I heard he was            _
----' '-'  a giant chicken!" -- Highlander Boo: The Chickening          d b CC

Related ASCII art in the Gallery

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

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

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

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

[>====]

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

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

Make your own ASCII art

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