Language update suggestions for basic HTML curriculum (#16697)
* Language update suggestions for basic HTML curriculum * fix: Changes based on review feedback
This commit is contained in:
committed by
Stuart Taylor
parent
43eaff2957
commit
77b7b17096
@ -183,8 +183,8 @@
|
|||||||
"description": [
|
"description": [
|
||||||
"Over the next two sections, we'll build an HTML5 app that will look something like this:",
|
"Over the next two sections, we'll build an HTML5 app that will look something like this:",
|
||||||
"<a href=\"https://i.imgur.com/jOc1JF1.png\" target=\"_blank\" data-lightbox=\"img-enlarge\"><img class=\"img-responsive\" src=\"https://i.imgur.com/jOc1JF1.png\" title=\"Click to enlarge\" alt=\"A screen shot of our finished Cat Photo App\"></a>",
|
"<a href=\"https://i.imgur.com/jOc1JF1.png\" target=\"_blank\" data-lightbox=\"img-enlarge\"><img class=\"img-responsive\" src=\"https://i.imgur.com/jOc1JF1.png\" title=\"Click to enlarge\" alt=\"A screen shot of our finished Cat Photo App\"></a>",
|
||||||
"The <code>h2</code> element you enter will create an <code>h2</code> element on the website.",
|
"The <code>h2</code> element you will be adding in this step will add a level two heading to the web page.",
|
||||||
"This element tells the browser about the structure of your website. <code>h1</code> elements are often used for main headings, while <code>h2</code> elements are generally used for subheadings. There are also <code>h3</code>, <code>h4</code>, <code>h5</code> and <code>h6</code> elements to indicate different and new sections.",
|
"This element tells the browser about the structure of your website. <code>h1</code> elements are often used for main headings, while <code>h2</code> elements are generally used for subheadings. There are also <code>h3</code>, <code>h4</code>, <code>h5</code> and <code>h6</code> elements to indicate different levels of subheadings.",
|
||||||
"<hr>",
|
"<hr>",
|
||||||
"Add an <code>h2</code> tag that says \"CatPhotoApp\" to create a second HTML <code>element</code> below your \"Hello World\" <code>h1</code> element."
|
"Add an <code>h2</code> tag that says \"CatPhotoApp\" to create a second HTML <code>element</code> below your \"Hello World\" <code>h1</code> element."
|
||||||
],
|
],
|
||||||
@ -249,8 +249,8 @@
|
|||||||
"id": "bad87fee1348bd9aedf08801",
|
"id": "bad87fee1348bd9aedf08801",
|
||||||
"title": "Inform with the Paragraph Element",
|
"title": "Inform with the Paragraph Element",
|
||||||
"description": [
|
"description": [
|
||||||
"<code>p</code> elements are the preferred element for normal-sized paragraph text on websites. P is short for \"paragraph\".",
|
"<code>p</code> elements are the preferred element for paragraph text on websites. <code>p</code> is short for \"paragraph\".",
|
||||||
"You can create a <code>p</code> element like this:",
|
"You can create a paragraph element like this:",
|
||||||
"<code><p>I'm a p tag!</p></code>",
|
"<code><p>I'm a p tag!</p></code>",
|
||||||
"<hr>",
|
"<hr>",
|
||||||
"Create a <code>p</code> element below your <code>h2</code> element, and give it the text \"Hello Paragraph\"."
|
"Create a <code>p</code> element below your <code>h2</code> element, and give it the text \"Hello Paragraph\"."
|
||||||
@ -376,9 +376,9 @@
|
|||||||
"id": "bad87fee1348bd9aedf08802",
|
"id": "bad87fee1348bd9aedf08802",
|
||||||
"title": "Uncomment HTML",
|
"title": "Uncomment HTML",
|
||||||
"description": [
|
"description": [
|
||||||
"Commenting is a way that you can leave comments within your code without affecting the code itself.",
|
"Commenting is a way that you can leave comments for other developers within your code without affecting the resulting output that is displayed the the end user.",
|
||||||
"Commenting is also a convenient way to make code inactive without having to delete it entirely.",
|
"Commenting is also a convenient way to make code inactive without having to delete it entirely.",
|
||||||
"You can start a comment with <code><!--</code> and end a comment with <code>--></code>",
|
"Comments in HTML starts with <code><!--</code>, and ends with a <code>--></code>",
|
||||||
"<hr>",
|
"<hr>",
|
||||||
"Uncomment your <code>h1</code>, <code>h2</code> and <code>p</code> elements."
|
"Uncomment your <code>h1</code>, <code>h2</code> and <code>p</code> elements."
|
||||||
],
|
],
|
||||||
@ -448,7 +448,7 @@
|
|||||||
"Remember that in order to start a comment, you need to use <code><!--</code> and to end a comment, you need to use <code>--></code>",
|
"Remember that in order to start a comment, you need to use <code><!--</code> and to end a comment, you need to use <code>--></code>",
|
||||||
"Here you'll need to end the comment before your <code>h2</code> element begins.",
|
"Here you'll need to end the comment before your <code>h2</code> element begins.",
|
||||||
"<hr>",
|
"<hr>",
|
||||||
"Comment out your <code>h1</code> element and your <code>p</code> element, but leave your <code>h2</code> element uncommented."
|
"Comment out your <code>h1</code> element and your <code>p</code> element, but not your <code>h2</code> element."
|
||||||
],
|
],
|
||||||
"challengeSeed": [
|
"challengeSeed": [
|
||||||
"<!--",
|
"<!--",
|
||||||
|
Reference in New Issue
Block a user