From f2616386123ef846e1602290aabfd1f74ebf8f6c Mon Sep 17 00:00:00 2001 From: shreesakhi-ch Date: Fri, 22 May 2026 23:57:03 +0530 Subject: [PATCH] fix(curriculum): correct errors in html fundamentals lectures (#67529) --- .../670803abcb3e980233da4768.md | 2 +- .../6708382cf088b216580a9ff1.md | 16 ++++++++-------- .../67083868d5fdcb17bf8c14bd.md | 2 +- .../670838b10ee87a18e5faff62.md | 2 +- 4 files changed, 11 insertions(+), 11 deletions(-) diff --git a/curriculum/challenges/english/blocks/lecture-html-fundamentals/670803abcb3e980233da4768.md b/curriculum/challenges/english/blocks/lecture-html-fundamentals/670803abcb3e980233da4768.md index d0f5041e573..f79d1dc3382 100644 --- a/curriculum/challenges/english/blocks/lecture-html-fundamentals/670803abcb3e980233da4768.md +++ b/curriculum/challenges/english/blocks/lecture-html-fundamentals/670803abcb3e980233da4768.md @@ -27,7 +27,7 @@ Even though the `div` element is commonly used in real world codebases, you shou For example, if you wanted to divide up your content into sections, then the `section` element would be more appropriate than a `div` element. -Add another `section` element below the first one. Then inside of the `section` element, a `h2` and `p` elements. You can use whatever text you like and you will see the changes in the preview window. To interact with the example, you will need to enable the interactive editor. +Add another `section` element below the first one. Then inside of the `section` element, add an `h2` and a `p` element. You can use whatever text you like and you will see the changes in the preview window. To interact with the example, you will need to enable the interactive editor. :::interactive_editor diff --git a/curriculum/challenges/english/blocks/lecture-html-fundamentals/6708382cf088b216580a9ff1.md b/curriculum/challenges/english/blocks/lecture-html-fundamentals/6708382cf088b216580a9ff1.md index ed09f01320c..d3a432321b8 100644 --- a/curriculum/challenges/english/blocks/lecture-html-fundamentals/6708382cf088b216580a9ff1.md +++ b/curriculum/challenges/english/blocks/lecture-html-fundamentals/6708382cf088b216580a9ff1.md @@ -7,9 +7,9 @@ dashedName: what-are-ids-and-classes # --interactive-- -The `id` attribute adds a unique identifier to an HTML element. +The `id` attribute adds a unique identifier to an HTML element. -Here is an example of an `h1` element with an `id` of `title`. +Here is an example of an `h1` element with an `id` of `title`. Below the `h1` element, add an `h2` element with an `id` set to `"subtitle"`. You can write whatever text you like for the `h2` and you will see the changes in the preview window. To interact with the example, you will need to enable the interactive editor. @@ -24,7 +24,7 @@ Below the `h1` element, add an `h2` element with an `id` set to `"subtitle"`. Yo You can reference the `id` name of `title` within your JavaScript or CSS. Here's a CSS example referencing the `id` of `title` to change the text `color` to `red`. -**NOTE**: Some CSS has been provided for you in this interactive example. Don't worry about trying to understand the CSS code because you will learn more about that in future lessons. But if you want to see the text color change to blue, enable the interactive editor, click on the `styles.css` tab and change the `color: red;` to `color: blue;`. +**NOTE**: Some CSS has been provided for you in this interactive example. Don't worry about trying to understand the CSS code because you will learn more about that in future lessons. But if you want to see the text color change to blue, enable the interactive editor, click on the `styles.css` tab and change the `color: red;` to `color: blue;`. :::interactive_editor @@ -61,7 +61,7 @@ The hash symbol (`#`) in front of `title`, tells the computer you want to target Browsers will see this space as part of the `id` which will lead to unwanted issues when it comes to styling and scripting. `id` attribute values should only contain letters, digits, underscores, and dashes. -In contrast to the `id` attribute, the `class` attribute value does not need to be unique and can contain spaces. +In contrast to the `id` attribute, the `class` attribute value does not need to be unique and can contain spaces. Here is an example of applying a class called `box` to a `div` element. @@ -75,7 +75,7 @@ If you wanted to add multiple class names to an element, you can do so by separa
``` -Here is an another example of applying multiple classes to multiple `div` elements. +Here is another example of applying multiple classes to multiple `div` elements. **NOTE**: Some CSS has been provided for you in this interactive example. Don't worry about trying to understand the CSS code because you will learn more about that in future lessons. But if you wanted to change the color of the first and third boxes, enable the interactive editor and click on the `styles.css` tab and change the `background-color: red;` to `background-color: black;`. @@ -204,7 +204,7 @@ Which of the following is NOT a correct value for the `id` attribute? ### --feedback-- -Only classes can hold multiple separate values. +Only classes can hold multiple separate values. --- @@ -212,7 +212,7 @@ Only classes can hold multiple separate values. ### --feedback-- -Only classes can hold multiple separate values. +Only classes can hold multiple separate values. --- @@ -220,7 +220,7 @@ Only classes can hold multiple separate values. ### --feedback-- -Only classes can hold multiple separate values. +Only classes can hold multiple separate values. --- diff --git a/curriculum/challenges/english/blocks/lecture-html-fundamentals/67083868d5fdcb17bf8c14bd.md b/curriculum/challenges/english/blocks/lecture-html-fundamentals/67083868d5fdcb17bf8c14bd.md index 570381befbc..33c6fa97074 100644 --- a/curriculum/challenges/english/blocks/lecture-html-fundamentals/67083868d5fdcb17bf8c14bd.md +++ b/curriculum/challenges/english/blocks/lecture-html-fundamentals/67083868d5fdcb17bf8c14bd.md @@ -22,7 +22,7 @@ Let's say you wanted to display the text `This is an element` on the scre When the HTML parser sees the less than (`<`) symbol followed by an HTML tag name, it interprets that as an HTML element. That is why you are not getting the desired result of `This is an element` on the screen. -To fix this issue, you can use HTML entities. Here is an updated example using the correct HTML entities for the less (`<`) than and greater than (`>`) symbols. Now you should see `This is an element` on the screen. +To fix this issue, you can use HTML entities. Here is an updated example using the correct HTML entities for the less-than (`<`) and greater-than (`>`) symbols. Now you should see `This is an element` on the screen. Enable the interactive editor and try adding a `<p>learning is fun</p>` below the paragraph element. You should see `

learning is fun

` on the screen. diff --git a/curriculum/challenges/english/blocks/lecture-html-fundamentals/670838b10ee87a18e5faff62.md b/curriculum/challenges/english/blocks/lecture-html-fundamentals/670838b10ee87a18e5faff62.md index 418c35a9f44..e197ddd9efd 100644 --- a/curriculum/challenges/english/blocks/lecture-html-fundamentals/670838b10ee87a18e5faff62.md +++ b/curriculum/challenges/english/blocks/lecture-html-fundamentals/670838b10ee87a18e5faff62.md @@ -43,7 +43,7 @@ The `div` attribute. ### --feedback-- -Look out for the attribute that specifies the JavaScript file location/ +Look out for the attribute that specifies the JavaScript file location. ---