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 Introduction to HTML and CSS (2016) HTML: The Structural Foundation of Web Pages and Applications Image Tags

Posted by MeKel Engel
.a{fill-rule:evenodd;}techdegree
MeKel Engel
Front End Web Development Techdegree Student 167 Points

How would I go about using my own .jpeg as the 1st image in launch project for personal portfolio?

How do I put it inside the tag? I was able to save it in the launch space, but unable to write it into the style.

6 Answers

Peter Vann
Peter Vann
36,427 Points
Peter Vann
Peter Vann
36,427 Points

Hi MeKel!

I'm not sure I understand your issue.

Can you send example code to show me how you are attempting to reference the image?

Thank you!

-Pete

MeKel Engel
seal-mask
.a{fill-rule:evenodd;}techdegree
MeKel Engel
Front End Web Development Techdegree Student 167 Points
MeKel Engel
.a{fill-rule:evenodd;}techdegree
MeKel Engel
Front End Web Development Techdegree Student 167 Points

I was able to figure out how to change the cat and rainbow image to an image. I just re-watched the video and it explained how to do images/image1.jp inside the tag. It worked out fine. Unsure how to screenshot on this laptop, I'm really new to all of this. I hope that explained. Thank you for being willing to assist.

Peter Vann
Peter Vann
36,427 Points
Peter Vann
Peter Vann
36,427 Points

What kind of laptop do you have?

Peter Vann
Peter Vann
36,427 Points
Peter Vann
Peter Vann
36,427 Points

If you have a Mac-type laptop use:

shift + cmd + 4

to get screen capture crosshairs cursor - then you can left-click and drag the area you want to capture (esc to quit).

It will place an image on your desktop.

For Window, I recommend installing GreenShot:

https://getgreenshot.org/

It allows you to do screencapture through the PRT SC (print screen) button, but gives you many options for how to capture (full screen vs area, for example) as well as many options for saving the captured image.

I hope that helps.

Stay safe and happy coding!

MeKel Engel
seal-mask
.a{fill-rule:evenodd;}techdegree
MeKel Engel
Front End Web Development Techdegree Student 167 Points
MeKel Engel
.a{fill-rule:evenodd;}techdegree
MeKel Engel
Front End Web Development Techdegree Student 167 Points

Thank you, Peter Vann. I'm using an Acer Chromebook, does that information still apply? I know the others are recommended. Thank you.

Peter Vann
Peter Vann
36,427 Points
Peter Vann
Peter Vann
36,427 Points

Try this:

https://www.theverge.com/2020/1/14/21065295/chromebook-screenshots-how-to-take-keyboard-keys

Again, I hope that helps...

Stay safe and happy coding!!!