gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix(learn): update example image URL (#39530)

Browse Source 
Update example URL in "Add Images to Your Website" challenge to point to example image on https://freecatphotoapp.com.
This commit is contained in:
Kristofer Koishigawa
2020-09-06 02:27:27 +09:00
committed by GitHub
parent 3425dadb46
commit b93785be5d
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
curriculum/challenges/english/01-responsive-web-design/basic-html-and-html5/add-images-to-your-website.english.md
View File

@ -10,13 +10,13 @@ forumTopicId: 16640
<section id='description'> <section id='description'>
You can add images to your website by using the <code>img</code> element, and point to a specific image's URL using the <code>src</code> attribute. You can add images to your website by using the <code>img</code> element, and point to a specific image's URL using the <code>src</code> attribute.
An example of this would be: An example of this would be:
<code>&#60img src="https://www.your-image-source.com/your-image.jpg"&#62</code> <code>&#60img src="https://www.freecatphotoapp.com/your-image.jpg"&#62</code>
Note that <code>img</code> elements are self-closing. Note that <code>img</code> elements are self-closing.
All <code>img</code> elements <strong>must</strong> have an <code>alt</code> attribute. The text inside an <code>alt</code> attribute is used for screen readers to improve accessibility and is displayed if the image fails to load. All <code>img</code> elements <strong>must</strong> have an <code>alt</code> attribute. The text inside an <code>alt</code> attribute is used for screen readers to improve accessibility and is displayed if the image fails to load.
<strong>Note:</strong> If the image is purely decorative, using an empty <code>alt</code> attribute is a best practice. <strong>Note:</strong> If the image is purely decorative, using an empty <code>alt</code> attribute is a best practice.
Ideally the <code>alt</code> attribute should not contain special characters unless needed. Ideally the <code>alt</code> attribute should not contain special characters unless needed.
Let's add an <code>alt</code> attribute to our <code>img</code> example above: Let's add an <code>alt</code> attribute to our <code>img</code> example above:
<code>&#60img src="https://www.your-image-source.com/your-image.jpg" alt="Author standing on a beach with two thumbs up."&#62</code> <code>&#60img src="https://www.freecatphotoapp.com/your-image.jpg" alt="A business cat wearing a necktie."&#62</code>
</section> </section>
## Instructions ## Instructions