radio buttons
and the first of your checkboxes
to both be checked by default.
+Set the first of your radio button
s and the first of your checkbox
es to both be checked by default.
checkboxes
for questions that may have more than one answer.
-Checkboxes are a type of input
+Checkboxes are a type of input
.
Each of your checkboxes can be nested within its own label
element. By wrapping an input
element inside of a label
element it will automatically associate the checkbox input with the label element surrounding it.
All related checkbox inputs should have the same name
attribute.
It is considered best practice to explicitly define the relationship between a checkbox input
and its corresponding label
by setting the for
attribute on the label
element to match the id
attribute of the associated input
element.
diff --git a/curriculum/challenges/english/01-responsive-web-design/basic-html-and-html5/create-a-set-of-radio-buttons.english.md b/curriculum/challenges/english/01-responsive-web-design/basic-html-and-html5/create-a-set-of-radio-buttons.english.md
index 9d49ba7fca..5438661b21 100644
--- a/curriculum/challenges/english/01-responsive-web-design/basic-html-and-html5/create-a-set-of-radio-buttons.english.md
+++ b/curriculum/challenges/english/01-responsive-web-design/basic-html-and-html5/create-a-set-of-radio-buttons.english.md
@@ -7,7 +7,7 @@ videoUrl: 'https://scrimba.com/p/pVMPUv/cNWKvuR'
## Description
radio buttons
for questions where you want the user to only give you one answer out of multiple options.
+You can use radio button
s for questions where you want the user to only give you one answer out of multiple options.
Radio buttons are a type of input
.
Each of your radio buttons can be nested within its own label
element. By wrapping an input
element inside of a label
element it will automatically associate the radio button input with the label element surrounding it.
All related radio buttons should have the same name
attribute to create a radio button group. By creating a radio group, selecting any single radio button will automatically deselect the other buttons within the same group ensuring only one answer is provided by the user.
@@ -19,7 +19,7 @@ It is considered best practice to set a for
attribute on the
## Instructions
-Add a pair of radio buttons to your form, each nested in its own label element. One should have the option of indoor
and the other should have the option of outdoor
. Both should share the name
attribute of indoor-outdoor
to create a radio group.
+Add a pair of radio buttons to your form, each nested in its own label
element. One should have the option of indoor
and the other should have the option of outdoor
. Both should share the name
attribute of indoor-outdoor
to create a radio group.
## Tests
diff --git a/curriculum/challenges/english/01-responsive-web-design/basic-html-and-html5/create-a-text-field.english.md b/curriculum/challenges/english/01-responsive-web-design/basic-html-and-html5/create-a-text-field.english.md
index 5ea8461452..a6e5b2f860 100644
--- a/curriculum/challenges/english/01-responsive-web-design/basic-html-and-html5/create-a-text-field.english.md
+++ b/curriculum/challenges/english/01-responsive-web-design/basic-html-and-html5/create-a-text-field.english.md
@@ -8,7 +8,7 @@ videoUrl: 'https://scrimba.com/p/pVMPUv/c2EVnf6'
## Description
Now let's create a web form.
-Input elements are a convenient way to get input from your user.
+input
elements are a convenient way to get input from your user.
You can create a text input like this:
<input type="text">
Note that input
elements are self-closing.
diff --git a/curriculum/challenges/english/01-responsive-web-design/basic-html-and-html5/link-to-internal-sections-of-a-page-with-anchor-elements.english.md b/curriculum/challenges/english/01-responsive-web-design/basic-html-and-html5/link-to-internal-sections-of-a-page-with-anchor-elements.english.md
index 9cd366176e..30321d7b81 100644
--- a/curriculum/challenges/english/01-responsive-web-design/basic-html-and-html5/link-to-internal-sections-of-a-page-with-anchor-elements.english.md
+++ b/curriculum/challenges/english/01-responsive-web-design/basic-html-and-html5/link-to-internal-sections-of-a-page-with-anchor-elements.english.md
@@ -7,7 +7,7 @@ videoUrl: 'https://scrimba.com/p/pVMPUv/cyrDRUL'
## Description
-Anchor elements can also be used to create internal links to jump to different sections within a webpage.
+anchor
elements can also be used to create internal links to jump to different sections within a webpage.
To create an internal link, you assign a link's href
attribute to a hash symbol #
plus the value of the id
attribute for the element that you want to internally link to, usually further down the page. You then need to add the same id
attribute to the element you are linking to. An id
is an attribute that uniquely describes an element.
Below is an example of an internal anchor link and its target element:
<a href="#contacts-header">Contacts</a>
...
<h2 id="contacts-header">Contacts</h2>
@@ -78,4 +78,4 @@ tests:
```js
// solution required
```
-
+
\ No newline at end of file
diff --git a/curriculum/challenges/english/01-responsive-web-design/basic-html-and-html5/nest-an-anchor-element-within-a-paragraph.english.md b/curriculum/challenges/english/01-responsive-web-design/basic-html-and-html5/nest-an-anchor-element-within-a-paragraph.english.md
index dad73340ea..d8d1a5f2ea 100644
--- a/curriculum/challenges/english/01-responsive-web-design/basic-html-and-html5/nest-an-anchor-element-within-a-paragraph.english.md
+++ b/curriculum/challenges/english/01-responsive-web-design/basic-html-and-html5/nest-an-anchor-element-within-a-paragraph.english.md
@@ -14,7 +14,7 @@ Normal text is wrapped in the p
element:
<p> Here
Next is the anchor
element <a>
(which requires a closing tag </a>
):
<a> ... </a>
target
is an anchor tag attribute that specifies where to open the link and the value "_blank"
specifies to open the link in a new tab
href
is an anchor tag attribute that contains the URL address of the link:
<a href="http://freecodecamp.org"> ... </a>
-The text, "link to freecodecamp.org", within the anchor element called anchor text
, will display a link to click:
<a href=" ... ">link to freecodecamp.org</a>
+The text, "link to freecodecamp.org", within the anchor
element called anchor text
, will display a link to click:
<a href=" ... ">link to freecodecamp.org</a>
The final output of the example will look like this:
Here's a link to freecodecamp.org for you to follow.
#
as your a
element's href
-Place the existing image element within an anchor element.
+Place the existing image element within an anchor
element.
Once you've done this, hover over your image with your cursor. Your cursor's normal pointer should become the link clicking pointer. The photo is now a link.