diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dc23f9bf86c76b9248c6eba.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dc23f9bf86c76b9248c6eba.md index 4d8d88199f6..cd33bdef806 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dc23f9bf86c76b9248c6eba.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dc23f9bf86c76b9248c6eba.md @@ -7,7 +7,7 @@ dashedName: step-7 # --description-- -You can add images to your website by using the `img` element. `img` elements have an opening tag without a closing tag. A tag for an element without a closing tag is known as a self-closing tag. +You can add images to your website by using the `img` element. `img` elements have an opening tag without a closing tag. A tag for an element without a closing tag is known as a void element. Add an `img` element below the `p` element. At this point, no image will show up in the browser. @@ -19,7 +19,7 @@ Your `img` element should have an opening tag. Opening tags have this syntax: `< assert(document.querySelector('img')); ``` -Your `img` element should not have a closing tag. Closing tags have a `/` just after the `<` character. +Your `img` element should not have a closing tag ``. ```js assert(!code.match(/<\/img\>/)); diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5ef9b03c81a63668521804d8.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5ef9b03c81a63668521804d8.md index da46c2b05be..9485f2541a0 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5ef9b03c81a63668521804d8.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5ef9b03c81a63668521804d8.md @@ -7,7 +7,7 @@ dashedName: step-37 # --description-- -The `input` element allows you several ways to collect data from a web form. Like `img` elements, `input` elements are self-closing and do not need closing tags. +The `input` element allows you several ways to collect data from a web form. Like `img` elements, `input` elements are a void element and do not need closing tags. Nest an `input` element in the `form` element. diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5ef9b03c81a63668521804dc.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5ef9b03c81a63668521804dc.md index 744ce0d628e..e94cf910367 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5ef9b03c81a63668521804dc.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5ef9b03c81a63668521804dc.md @@ -15,7 +15,7 @@ Here is an example of a radio button with the option of `cat`: cat ``` -Remember that `input` elements are self-closing. +Remember that an `input` element is a void element. Before the text input, add a radio button with the option set as: diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/62bb4009e3458a128ff57d5d.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/62bb4009e3458a128ff57d5d.md index 72dab268cc5..b624044c807 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/62bb4009e3458a128ff57d5d.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/62bb4009e3458a128ff57d5d.md @@ -7,7 +7,7 @@ dashedName: step-69 # --description-- -You can set browser behavior by adding self-closing `meta` elements in the `head`. Here's an example: +You can set browser behavior by adding `meta` elements in the `head`. Here's an example: ```html @@ -15,13 +15,13 @@ You can set browser behavior by adding self-closing `meta` elements in the `head Inside the `head` element, nest a `meta` element with an attribute named `charset`. Set to the value to `utf-8` which tells the browser how to encode characters for the page. -Note that `meta` elements are self-closing. +Note that the `meta` element is a void element. With that last change, you have completed the Cat Photo App project. Congratulations! # --hints-- -You should create a self-closing `meta` element within the `head` element. +You should create a `meta` element within the `head` element. ```js assert.exists(document.querySelector('head > meta')); @@ -33,7 +33,7 @@ You should give the `meta` element a `charset` of `UTF-8`. assert.equal(document.querySelector('head > meta')?.getAttribute('charset')?.toLowerCase(), 'utf-8'); ``` -Your `meta` element should be a self-closing tag, you don't need to add ``. +Your `meta` element should be a void element, you don't need to add ``. ```js assert.notMatch(code, /<\/meta\s*>?/i);