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 Build a Simple Website Text Editors and HTML Images and Lists

Posted by Adeyinka Obisanya
Adeyinka Obisanya
913 Points

Logo

Is it just me? I believe I typed out the correct line to insert the logo, but the file keeps coming up corrupted when I refresh the page in Google Chrome.

N O Y B
N O Y B
4,753 Points

Just send me the picture of the code challenge so i can take a look at it and explain you what you are doing wrong....

Adeyinka Obisanya
Adeyinka Obisanya
913 Points

It's not a code challenge, it's the video to create the first website. How should I send it to you.

4 Answers

N O Y B
N O Y B
4,753 Points
N O Y B
N O Y B
4,753 Points

Can you type the code so i can take a look at it...

Adeyinka Obisanya
Adeyinka Obisanya
913 Points
Adeyinka Obisanya
Adeyinka Obisanya
913 Points

Oh, I'm sorry! Here it is. Thanks in advance!

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>Smells Like Bakin' Cupcake Company</title> </head> <body> <img src="img/logo.gif" alt="Smells Like Bakin'"> <ul class="nav"> <li><a href="#">About</a></li> <li><a href="#">Cupcakes & Prices</a></li> <li><a href="#">Locations</a></li> <li class="last"><a href="#">Contact Us</a></li> </ul> </body> </html>

Maximiliane Quel
PLUS
Maximiliane Quel
Courses Plus Student 55,489 Points
Maximiliane Quel
Maximiliane Quel
Courses Plus Student 55,489 Points

is this how you put it in?

<!DOCTYPE HTML> 
Smells Like Bakin' Cupcake Company About Cupcakes & Prices Locations Contact Us

or do you have other markup? are you following a video or trying to do a code challenge?

Adeyinka Obisanya
Adeyinka Obisanya
913 Points

I cannot see the whole window of your code :( I am following a video.

Adeyinka Obisanya
Adeyinka Obisanya
913 Points

Oh I see, yes it looks the same. The code works on the challenge, but not on my own computer.

Maximiliane Quel
Maximiliane Quel
Courses Plus Student 55,489 Points
Maximiliane Quel
Maximiliane Quel
Courses Plus Student 55,489 Points

Okay. Which video exactly are you following. What is the name of the course, and the specific section. Best give me a link.

Maximiliane Quel
Maximiliane Quel
Courses Plus Student 55,489 Points
Maximiliane Quel
Maximiliane Quel
Courses Plus Student 55,489 Points

Also the code that you posted here is that what you wrote yourself while trying to follow along. Did you copy it from your text editor or where exactly did you copy the code from before pasting it here?

Adeyinka Obisanya
Adeyinka Obisanya
913 Points

Thank you so much. Here is the link http://teamtreehouse.com/library/build-a-simple-website/text-editors-and-html/images-and-lists-2

and I tried to follow along and copied what the instructor did. And when I pasted it here, I copied it from the text editor.

Maximiliane Quel
Maximiliane Quel
Courses Plus Student 55,489 Points
Maximiliane Quel
Maximiliane Quel
Courses Plus Student 55,489 Points

okay. here is the thing. you haven't actually written code so far. I am not quite sure why because the video does go through the steps of writing the html markup.

you know when the instructor writes out these bits at the beginning:

<!DOCTYPE HTML>
    <html>
    <title>
    </title>
    <body>

    </body>
</html>

you need to be writing those too. these bits that surround the text that you want to show up in the end in your browser are important for the browser to understand what you want it to do with the text bits you want output.

when you follow along a video you need to follow all the stages and not just bits of the video.

if you did then your code should look something like this:

<!DOCTYPE HTML>
    <html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Smells Like Bakin' Cupcake Company</title>
    </head>

    <body>
    <ul>
      <li><a href="#">About</a></li> 
      <li><a href="#">Cupcakes & Prices</a></li> 
      <li><a href="#">Locations</a></li> 
      <li><a href="#">Contact Us</a></li> 
    </ul>

    </body>
</html>

to be honest I think you need to re-watch the video from the start to get a better understanding of the basics and what it involve to write html.

I hope this helps. If I have missunderstood you or you have more questions then by all means ask.

Adeyinka Obisanya
Adeyinka Obisanya
913 Points

Can you please write out the code for inserting the image. That's the only one I seem to be having a problem with. Thanks in advance

Maximiliane Quel
Maximiliane Quel
Courses Plus Student 55,489 Points
Maximiliane Quel
Maximiliane Quel
Courses Plus Student 55,489 Points

???

so when you said the code was the same you actually meant the code was nothing like it?

I'm sorry I'm really trying to understand and help you, but you are not exactly making it easy

here is how you add an image:

<img src="put-path-of-to-your-image-here" alt="put-description-of-your-image-here" />

I suspect nothing is wrong with your code but your file path or extension is probably wrong. of course that would have been easier to determine if you would put the actual code you wrote

Adeyinka Obisanya
Adeyinka Obisanya
913 Points

This is my code. I'm so sorry. I sent it to another person and I thought I sent it to you already.

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>Smells Like Bakin' Cupcake Company</title> </head> <body> <img src="img/logo.gif" alt="Smells Like Bakin'"> <ul class="nav"> <li><a href="#">About</a></li> <li><a href="#">Cupcakes & Prices</a></li> <li><a href="#">Locations</a></li> <li class="last"><a href="#">Contact Us</a></li> </ul> </body> </html>

N O Y B
N O Y B
4,753 Points
N O Y B
N O Y B
4,753 Points

can i ask you what are you trying to put this 2nd code of line as i mean as a heading1, title or something else???