View Full Version : webpage display html tags

May 1st, 2011, 01:14 AM
I am a beginner to web development and I uploaded a very simple html document but when I go to the url the page just mimics the code and displays all of the tags. I am trying to learn html but I've been stuck with this problem for the last few hours. I'm sure it is something very simple that I am overlooking and someone with experience would be able quickly point out my error(s). Any help would be greatly appreciated. Thanks!

The url is http://www.outdooradventurist.com/ Below is my simple html.

Outdoor Adventurist - Test
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam urna enim, auctor in mollis ut, tincidunt ut mi. Nullam fermentum viverra condimentum. Mauris malesuada, mi vel cursus molestie, magna risus condimentum augue, quis semper ante purus eget libero. Sed nulla ligula, malesuada vel semper eleifend, egestas at enim. Nam ac urna ac diam tincidunt vestibulum. Quisque non ullamcorper lacus. Aenean nec tortor tristique turpis semper egestas et auctor felis. Proin aliquam faucibus ligula, ut cursus massa aliquet nec. Nullam sodales arcu eu metus porta auctor. Nulla feugiat faucibus massa ac rutrum. Proin diam sapien, lacinia ac semper sed, imperdiet at mi. Sed suscipit placerat orci, quis eleifend tortor hendrerit sit amet. Vivamus imperdiet bibendum metus vitae mattis. Cras quis pharetra mi. Suspendisse porta, tortor et feugiat tempor, odio nunc feugiat sapien, in bibendum arcu arcu a eros. Nulla facilisi.
Pellentesque faucibus porttitor arcu, ut tempus lacus iaculis varius. Nulla ut urna nisi. Nunc pharetra adipiscing odio, in dictum nibh consequat ac. Nullam id venenatis nunc. Nulla facilisi. Maecenas laoreet consequat metus, non gravida mauris porttitor at. Sed tempor venenatis viverra. Cras risus nisl, cursus ac congue nec, auctor nec purus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras quam ligula, adipiscing ac hendrerit ac, posuere fermentum neque. Maecenas in leo massa. Morbi mauris lectus, auctor vel sagittis ut, vehicula nec neque. Praesent sollicitudin porttitor mauris, sit amet pharetra eros convallis id.

May 1st, 2011, 01:28 AM
remove below p tags before and after text below as these p tags r using html entities which is used for greater than and less than symbol

Lorem ipsum dolor sit amet, consectetur....

<p class="p1">&lt;html&gt;</p>
<p class="p1">&lt;head&gt;</p>
<p class="p1"><span class="Apple-tab-span"> </span>&lt;title&gt;</p>
<p class="p1"><span class="Apple-tab-span"> </span>Outdoor Adventurist - Test</p>
<p class="p1"><span class="Apple-tab-span"> </span>&lt;/title&gt;</p>
<p class="p1">&lt;/head&gt;</p>
<p class="p1">&lt;body&gt;</p>
<p class="p1">&lt;p&gt;</p>

Lorem ipsum dolor sit amet, consectetur......

Lorem ipsum dolor sit amet, consectetur.......

<p class="p3">&lt;/p&gt;</p>
<p class="p3">&lt;/body&gt;</p>
<p class="p1">&lt;/html&gt;</p>


May 1st, 2011, 01:34 AM
Hello monson
Your <p class="p1"></p> is valid code but the stuff inside those p tags, like &lt;html&gt; is escaped code which is how you present code without rendering it in an html document.

What editor are you writing your code with? More than likely that program is the source of your problem?

May 1st, 2011, 01:59 AM
Thank you Excavator and Amitsh.

Excavator: I'm using TextEdit and I didn't have the preferences set for plain text. I changed the preferences, saved it, uploaded it again and now the problem is solved. Thank you for pointed that out. It was a simple error to fix but I would have never figured it out without your help.

Do you recommend any other text editors that would be better?


May 1st, 2011, 05:08 AM
Do you recommend any other text editors that would be better?


There is nothing wrong with notepad. A couple cheatsheats to remind you of HTML/CSS syntax and you're set.
That's the simple and free version.

notepad ++ would be the next step up? I think. Look at http://notepad-plus-plus.org/