greatbody
/
freeCodeCamp
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

fix(challenges): Remove self-closing slashes from <img> and <input> (#16985)

pull/18182/head
Michael Siadak 2018-04-03 13:48:41 -05:00 committed by mstellaluna
parent fc87d71af3
commit ff35f2c9c3
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
challenges/01-responsive-web-design/basic-html-and-html5.json
View File

@ -558,13 +558,13 @@
"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.",
"An example of this would be:",
"<code>&#60img src=\"https://www.your-image-source.com/your-image.jpg\" /&#62</code>",
"Note that in most cases, <code>img</code> elements are self-closing.",
"<code>&#60img src=\"https://www.your-image-source.com/your-image.jpg\"&#62</code>",
"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.",
"Note: 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.",
"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.your-image-source.com/your-image.jpg\" alt=\"Author standing on a beach with two thumbs up.\"&#62</code>",
"<hr>",
"Let's try to add an image to our website:",
"Insert an <code>img</code> tag, before the <code>h2</code> element.",
@ -1287,7 +1287,7 @@
"Now let's create a web form.",
"Input elements are a convenient way to get input from your user.",
"You can create a text input like this:",
"<code>&#60;input type=\"text\" /&#62;</code>",
"<code>&#60;input type=\"text\"&#62;</code>",
"Note that <code>input</code> elements are self-closing.",
"<hr>",
"Create an <code>input</code> element of type <code>text</code> below your lists."