diff --git a/curriculum/challenges/english/25-front-end-development/lecture-importance-of-semantic-html/6729959bf9c8e835f46b3f78.md b/curriculum/challenges/english/25-front-end-development/lecture-importance-of-semantic-html/6729959bf9c8e835f46b3f78.md index 173c1708eeb..e9ee54a2a9d 100644 --- a/curriculum/challenges/english/25-front-end-development/lecture-importance-of-semantic-html/6729959bf9c8e835f46b3f78.md +++ b/curriculum/challenges/english/25-front-end-development/lecture-importance-of-semantic-html/6729959bf9c8e835f46b3f78.md @@ -50,35 +50,35 @@ Think about an element that primarily affects text style to highlight when part ## --text-- -Which HTML element is used to emphasize important text? +When should you use CSS instead of the `i` or `em` elements? ## --answers-- -`em` +When the text has a special purpose or meaning in the paragraph. ### --feedback-- -Think about a semantic HTML element that highlights important content. +Consider the scenario where the styling is purely visual without any semantic meaning. --- -`strong` +When you want to display text in italics for presentational purposes only. --- -`i` +When the text is an idiomatic expression. ### --feedback-- -Think about a semantic HTML element that highlights important content. +Consider the scenario where the styling is purely visual without any semantic meaning. --- -`mark` +When the text needs to be emphasized for importance. ### --feedback-- -Think about a semantic HTML element that highlights important content. +Consider the scenario where the styling is purely visual without any semantic meaning. ## --video-solution-- diff --git a/curriculum/challenges/english/25-front-end-development/lecture-importance-of-semantic-html/672995c9e6f69436dbcccc79.md b/curriculum/challenges/english/25-front-end-development/lecture-importance-of-semantic-html/672995c9e6f69436dbcccc79.md index c70034f3ea5..f8501e63128 100644 --- a/curriculum/challenges/english/25-front-end-development/lecture-importance-of-semantic-html/672995c9e6f69436dbcccc79.md +++ b/curriculum/challenges/english/25-front-end-development/lecture-importance-of-semantic-html/672995c9e6f69436dbcccc79.md @@ -50,39 +50,39 @@ Analyze the two types of quotation elements. Think about which one displays the ## --text-- -Which HTML element is used for displaying inline quotations? +What is the purpose of the `cite` element in HTML? ## --answers-- -`q` - ---- - -`blockquote` +To display inline quotations. ### --feedback-- -Think about the two types of quotation elements. Think about which one is perfect for short quotations from other sources. +Consider how the `cite` element is used in relation to creative works like books, articles, or films. --- -`cite` +To specify the source URL of a quotation. ### --feedback-- -Think about the two types of quotation elements. Think about which one is perfect for short quotations from other sources. +Consider how the `cite` element is used in relation to creative works like books, articles, or films. --- -`p` +To mark up the title of a referenced creative work. + +--- + +To display extended quotations. ### --feedback-- -Think about the two types of quotation elements. Think about which one is perfect for short quotations from other sources. +Consider how the `cite` element is used in relation to creative works like books, articles, or films. ## --video-solution-- -1 +3 ## --text-- diff --git a/curriculum/challenges/english/25-front-end-development/lecture-importance-of-semantic-html/672995d673bd3237200b9e7c.md b/curriculum/challenges/english/25-front-end-development/lecture-importance-of-semantic-html/672995d673bd3237200b9e7c.md index 6ca38d68c89..671eaa7226c 100644 --- a/curriculum/challenges/english/25-front-end-development/lecture-importance-of-semantic-html/672995d673bd3237200b9e7c.md +++ b/curriculum/challenges/english/25-front-end-development/lecture-importance-of-semantic-html/672995d673bd3237200b9e7c.md @@ -50,7 +50,7 @@ Think about an element that is specifically designed for shortened words. ## --text-- -What is the primary purpose of the ``abbr` element? +What is the primary purpose of the `abbr` element? ## --answers-- diff --git a/curriculum/challenges/english/25-front-end-development/review-semantic-html/671a83934b61f64cefe87a61.md b/curriculum/challenges/english/25-front-end-development/review-semantic-html/671a83934b61f64cefe87a61.md index 42a4224b879..f2542f85f83 100644 --- a/curriculum/challenges/english/25-front-end-development/review-semantic-html/671a83934b61f64cefe87a61.md +++ b/curriculum/challenges/english/25-front-end-development/review-semantic-html/671a83934b61f64cefe87a61.md @@ -33,12 +33,13 @@ Review the concepts below to prepare for the upcoming quiz. - **Abbreviation (`abbr`) element**: used to represent an abbreviation or acronym. - **Contact Address (`address`) element**: used to represent the contact information. - **(Date) Time (`time`) element**: used to represent a date and/or time. The `datetime` attribute is used to translate dates and times into a machine-readable format. +- **ISO 8601 Date (`datetime`) attribute**: used to represent dates and times in a machine-readable format. The standard format is `YYYY-MM-DDThh:mm:ss`. - **Superscript (`sup`) element**: used to represent superscript text. - **Subscript (`sub`) element**: used to represent subscript text. - **Inline Code (`code`) element**: used to represent a fragment of computer code. - **Preformatted Text (`pre`) element**: represents preformatted text - **Unarticulated Annotation (`u`) element**: used to represent a span of inline text which should be rendered in a way that indicates that it has a non-textual annotation. -- **Ruby Annotation (`ruby`) element**: used to represent the text of a ruby annotation. +- **Ruby Annotation (`ruby`) element**: used for annotating text with pronunciation or meaning explanations. An example usage is for East Asian typography. - **Strikethrough (`s`) element**: used to represent content that is no longer accurate or relevant. # --assignment--