Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML

Posted by taahrqqhar
taahrqqhar
14,147 Points

How to display html on a website ? for tutorials

I want to create a tutorial website to teach code for kids but I want to know how to display html code on page without it turning on the page code

2 Answers

Muhammad Mohsen
Muhammad Mohsen
Courses Plus Student 10,843 Points

Hi Joe,

Maybe Google Code Prettify is what you're looking for?

https://code.google.com/p/google-code-prettify/

taahrqqhar
taahrqqhar
14,147 Points

thank you !! You THE MAN!!! this exactly what i needed

Ken Alger
STAFF
Ken Alger
Treehouse Teacher
Ken Alger
Ken Alger
Treehouse Teacher

Joe;

One method would be to use escape codes. For example, &lt; produces a < while &gt; produces a >.

So, to produce

<h1> This is an H1 Tag </h1>

you would use

&lt;h1&gt; This is an H1 Tag &lt;/hl&gt;

in your HTML markup.

Ken

taahrqqhar
taahrqqhar
14,147 Points

yea I was thinking of doing that. but I needed something that would highlight the mark up and google was perfect because it also has skins so you can change the colors on the syntax

Ken Alger
Ken Alger
Treehouse Teacher
Ken Alger
Ken Alger
Treehouse Teacher

No worries, the Google solution is slick, I was just trying to provide other options. You could change the colors on the syntax through CSS yourself, but it looks like Google has a nice solution.

Ken