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:
Schalk Neethling
2018-02-12 14:30:43 +02:00
committed by Stuart Taylor
parent 43eaff2957
commit 77b7b17096

View File

@ -183,8 +183,8 @@
"description": [
"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>",
"The <code>h2</code> element you enter will create an <code>h2</code> element on the website.",
"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.",
"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 levels of subheadings.",
"<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."
],
@ -249,8 +249,8 @@
"id": "bad87fee1348bd9aedf08801",
"title": "Inform with the Paragraph Element",
"description": [
"<code>p</code> elements are the preferred element for normal-sized paragraph text on websites. P is short for \"paragraph\".",
"You can create a <code>p</code> element like this:",
"<code>p</code> elements are the preferred element for paragraph text on websites. <code>p</code> is short for \"paragraph\".",
"You can create a paragraph element like this:",
"<code>&#60;p&#62;I'm a p tag!&#60;/p&#62;</code>",
"<hr>",
"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",
"title": "Uncomment HTML",
"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.",
"You can start a comment with <code>&#60;!--</code> and end a comment with <code>--&#62;</code>",
"Comments in HTML starts with <code>&#60;!--</code>, and ends with a <code>--&#62;</code>",
"<hr>",
"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>&#60;!--</code> and to end a comment, you need to use <code>--&#62;</code>",
"Here you'll need to end the comment before your <code>h2</code> element begins.",
"<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": [
"<!--",