Help with HTML code

[Vincent]

On a page where the HTML code is active how does one show the actual code without it converting it to the image.
If the code is this:

<a href="http://www.jaffyhead.com" target="_blank"><img src="http://www.jaffyhead.com/style_images/11197887682/logo4.gif"
alt="jaffyHead.com – You're Not Alone"
style="border:1"
title="jaffyHead.com - a safe social & educational networking site"></a>



and I want it to remain like this on the page, how do I go about it.

[duncan drennan]

I think the simplest way is to wrap it in the <code> </code> tags.

There might be more advanced ways using CSS.

[Dave A]

Did the code tag work, Vincent?

If not, this the way the W3C Validator deals with the problem. They use this HTML code:

<pre>
      &lt;a href=&quot;http://validator.w3.org/check/referer&quot;&gt;&lt;img
          src=&quot;http://www.w3.org/Icons/valid-xhtml10&quot;
          alt=&quot;Valid XHTML 1.0!&quot; height=&quot;31&quot; width=&quot;88&quot; /&gt;&lt;/a&gt;
    &lt;/p&gt;
</pre>

which resolves into this on page display

      <a href="http://validator.w3.org/check/referer"><img
          src="http://www.w3.org/Icons/valid-xhtml10"
          alt="Valid XHTML 1.0!" height="31" width="88" /></a>

I know it looks messy, but it's less complicated than it looks. Basically you do some substituting.

< = &lt;
" = &quot;
> = &gt;

[Vincent]

< = &lt;
" = &quot;
> = &gt;

I did the substitution but it still wasn't right. So I did the thing I should have done in the first place. Phoned my IT guy.
Time wasted: Vince 2hrs
Russell: 2 minutes

Next time phone the professionals

[Dave A]

And the right way to do it was...?

Please let it not be NOPARSE

[Dave A]

I've just tested this - works perfectly:

<p>&lt;a href=&quot;http://www.jaffyhead.com&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://www.jaffyhead.com/style_images/11197887682/logo4.gif&quot; 
alt=&quot;jaffyHead.com – You're Not Alone&quot; style=&quot;border:1&quot; title=&quot;jaffyHead.com - a 
safe social &amp; educational networking site&quot;&gt;&lt;/a&gt;</p>

[Chatmaster]

Speaking of which, Vincent I had a look at your linking proposal. Do you mind if I rather link to you using a link text from my sites? If you do not mind, what would your main keyword be that you are targeting?

[Vincent]

Do you mind if I rather link to you using a link text from my sites? If you do not mind, what would your main keyword be that you are targeting?

No problem... key word(s) grade 10, grade 11, grade 12, education, educational networking site... something along those lines.
Let me know when you're done.

[Vincent]

And the right way to do it was...?

I actually have no idea... but this is what the code looks like.

<br/><br/>
&lt;a href="http://www.jaffyhead.com" target="_blank"&gt;
&lt;img src="http://www.jaffyhead.com/style_images/11197887682/logo_small.gif" 
alt="jaffyHead.com – You're Not Alone" 
style="border:1"  
title="jaffyHead.com - a safe social & educational networking site"&gt;&lt;/a&gt;
<br/><br/>

Tried it with <p>, but it wasn't picking up <p>

Guys thanks for the input, know going to try <Code>

[Dave A]

That should produce the same results - although I had tidied out all the new lines for more compact code. Just a note on the br tag

For HTML, the use is <br>
For XHTML, the use is <br />

If you are using XHTML, you should also add a trailing / at the end of the img tag.

Not the end of the world. Browsers are very forgiving.

[Chatmaster]

No problem... key word(s) grade 10, grade 11, grade 12, education, educational networking site... something along those lines.
Let me know when you're done.

I will let you know. I am under allot of pressure atm and will try to link to your site the moment I have time