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 How to Make a Website Adding Pages to a Website Add Iconography

Posted by Ayaz Sadiq
Ayaz Sadiq
Courses Plus Student 5,361 Points

How can I get an image on the website?

I had to put the image of Nick Pettit on my about page. In the paragraph I said my name, but I made sure I also typed that the person in the picture is not me. Plus, I made sure to type that as soon as I know how to put an image on the website, I'll put a pic of me or something that I like on my page. Nick said that the page that I'm going to create will be on the web. I don't want people to think that I am plagiarizing someone else's work. I want to put an image of the Batman logo on my page instead of NIck's image. I don't have a smart phone so I can't take a pic of myself and upload it on my computer.

Ayaz Sadiq
Ayaz Sadiq
Courses Plus Student 5,361 Points

Here is my code. <section> <img src="img/nick.jpg" alt="Photograph of Nick Pettit" class="profile-photo"> <h3>About</h3> <p>Hi, I'm Ayaz Sadiq! This is my design portfolio where I share all of my favorite work. I'm NOT the person in this picture. He is a man named Nick Pettit. I don't have a profile picture. As soon as I know how to make one, then I'll upload one on my page. I'm learning how to design a webpage plus I want to learn how to program in code. I'm learning how to code as a hobby before I turn it into an occupation.</p> <p>If you would like to follow me on Twitter, my username is <a href="http://twitter.com/Ayaz627">@Ayaz627</a>.</p> </section>

Ayaz Sadiq
Ayaz Sadiq
Courses Plus Student 5,361 Points

Here is my code. <section> <img src="img/nick.jpg" alt="Photograph of Nick Pettit" class="profile-photo"> <h3>About</h3> <p>Hi, I'm Ayaz Sadiq! This is my design portfolio where I share all of my favorite work. I'm NOT the person in this picture. He is a man named Nick Pettit. I don't have a profile picture. As soon as I know how to make one, then I'll upload one on my page. I'm learning how to design a webpage plus I want to learn how to program in code. I'm learning how to code as a hobby before I turn it into an occupation.</p> <p>If you would like to follow me on Twitter, my username is <a href="http://twitter.com/Ayaz627">@Ayaz627</a>.</p> </section>

2 Answers

J V
J V
4,471 Points
J V
J V
4,471 Points

The page will not be live on the web unless you post it. You will learn more about that later on in the lesson when you look for hosting and choose a domain name (website address).

To put your picture on the page. You have to upload it into workspaces. When you have workspaces open, drag the photo you want from your desktop (or folder) and drag it into the bottom left of workspaces (the grey part). This will upload the photo.

After this, you will be able to replace the jpg of Nick and switch it to the photo of your choosing.

Happy Coding!

Ayaz Sadiq
PLUS
Ayaz Sadiq
Courses Plus Student 5,361 Points
Ayaz Sadiq
Ayaz Sadiq
Courses Plus Student 5,361 Points

Thank you Jordan.