How to add image to website

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detaiere.

  **Your code so far**


<h2>CatPhotoApp</h2>
<main>


<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
</main>

  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/98.0.4758.102 Safari/537.36

Challenge: Add Images to Your Website

Link to the challenge:

2

In order to add images to your website, you have to use img element with src attribute and alt attribute.

<img src="your image link goes here" alt="description for better accessibility">
  • The image element does not require a closing tag and alt attribute will enhance the accessibility of your website which you will learn more in later part of the course.
3

thank you, but i’m still stuck

4

Can you show me what you have done so far, using the preformatted text function in the reply section?

5

Couldn’t figure out the last part, it kept getting wrong and said “alt attribute should not be empty”, so I added my text in inverted comas and IT WORKED!! FINALLY!!!

6

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.