HTML中的ASCII艺术

前端之家收集整理的这篇文章主要介绍了HTML中的ASCII艺术前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我可以做什么来使其打印像在Web浏览器的HTML文档中看起来?
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. <title>Example</title>
  6. </head>
  7. <body>
  8. ###### # # ## # # ##### # ######
  9. # # # # # ## ## # # # #
  10. ##### ## # # # ## # # # # #####
  11. # ## ###### # # ##### # #
  12. # # # # # # # # # #
  13. ###### # # # # # # # ###### ######
  14. </body>
  15. </html>

得到:

# # ## # # ##### # ###### # # # # # ## ## # # # # ##### ## # # # ## # # # # > ##### # ## ###### # # ##### # # # # # # # # # # # # ###### # # # # # # # ###### ######

解决方法

使用< pre>标签!在你的例子之前和之后。
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. <title>Example</title>
  6. </head>
  7. <body>
  8. <pre>
  9. ###### # # ## # # ##### # ######
  10. # # # # # ## ## # # # #
  11. ##### ## # # # ## # # # # #####
  12. # ## ###### # # ##### # #
  13. # # # # # # # # # #
  14. ###### # # # # # # # ###### ######
  15. </pre>
  16. </body>
  17. </html>

猜你在找的HTML相关文章