From b2ab83b3f03f87ad9c186a4795e8380245e9dec9 Mon Sep 17 00:00:00 2001
From: Quincy Larson h2
tag that says \"CatPhotoApp\" to create a second HTML element
below your \"Hello World\" h1
element.",
- "The h2 element you enter will create an h2 element on the website.",
+ "The h2
element you enter will create an h2
element on the website.",
"This element tells the browser how to render the text that it contains.",
"h2
elements are slightly smaller than h1
elements. There are also h3
, h4
, h5
and h6
elements."
],
@@ -69,13 +69,13 @@
"name": "Waypoint: Inform with the Paragraph Element",
"difficulty": 0.011,
"description": [
- "Create a paragraph element below your h2 element, and give it the text \"Hello Paragraph\". As soon as you create the opening <p>
tag, one of our tests will pass (since this is valid HTML). Be sure to close the element by adding a closing </p>
tag.",
- "Paragraph elements are the preferred element for normal-sized paragraph text on websites.",
- "You can create a paragraph element like so: <p>I'm a p tag!</p>
"
+ "Create a p
element below your h2
element, and give it the text \"Hello Paragraph\".",
+ "p
elements are the preferred element for normal-sized paragraph text on websites. P is short for \"paragraph\".",
+ "You can create a p
element like so: <p>I'm a p tag!</p>
"
],
"tests": [
"assert(($('p').length > 0), 'Create a p
element.')",
- "assert.isTrue((/hello(\\s)+paragraph/gi).test($('p').text()), 'Your p
element should have the text \"Hello Paragraph\"')",
+ "assert.isTrue((/hello(\\s)+paragraph/gi).test($('p').text()), 'Your p
element should have the text \"Hello Paragraph\".')",
"assert(new RegExp('
p
element with a closing tag.')"
],
"challengeSeed": [
@@ -99,13 +99,13 @@
"name": "Waypoint: Visually Separate Elements with Line Breaks",
"difficulty": 0.012,
"description": [
- "Add a line break
between the <h2>
and <p>
elements.",
- "You can create a line break element with <br/>
.",
- "Note that <br/>
has no closing tag. It is a self-closing
element. See how a forward-slash precedes the closing bracket?",
- "You'll encounter other self-closing
element tags soon."
+ "Add a br
element to your page, preferably between two of your elements.",
+ "br
elements, also known as \"line break\" elements, can be created with <br>
.",
+ "Note that <br>
has no closing tag. It is a \"self-closing\" element.",
+ "You'll encounter other self-closing element tags soon."
],
"tests": [
- "assert(($('br').length > 0), 'Add a br
element between your h2
and p
elements.')"
+ "assert(($('br').length > 0), 'Add a br
element to your page, preferably between two of your elements.')"
],
"challengeSeed": [
"h1
, h2
and p
elements.",
+ "Uncomment your h1
, h2
and p
elements.",
"Commenting is a way that you can leave comments within your code without affecting the code itself.",
"Commenting is also a convenient way to make code inactive without having to delete it entirely.",
"You can start a comment with <!--
and end a comment with -->
."
],
"tests": [
- "assert($('h1').length > 0, 'Your h1
element should not be commented. It should be visible in the browser.')",
- "assert($('h2').length > 0, 'Your h2
element should not be commented. It should be visible in the browser.')",
- "assert($('p').length > 0, 'Your p
element should not be commented. It should be visible in the browser.')",
+ "assert($('h1').length > 0, 'Make your h1
element visible on your page by uncommenting it.')",
+ "assert($('h2').length > 0, 'Make your h2
element visible on your page by uncommenting it.')",
+ "assert($('p').length > 0, 'Make your p
element visible on your page by uncommenting it.')",
"assert(!new RegExp('-->', 'gi').test(editor), 'Be sure to delete the -->
that ends the comment.')"
],
"challengeSeed": [
@@ -168,14 +168,14 @@
"name": "Waypoint: Comment out HTML",
"difficulty": 0.014,
"description": [
- "Comment out the h1
element and the p
element, but leave the h2
element uncommented.",
+ "Comment out your h1
element and your p
element, but leave your h2
element uncommented.",
"Remember that in order to start a comment, you need to use <!--
and to end a comment, you need to use -->
.",
- "Here you'll need to end the comment before the h2 element begins."
+ "Here you'll need to end the comment before your h2
element begins."
],
"tests": [
- "assert(($('h1').length == 0), 'The h1 element should be commented. It should not be visible in the browser.')",
- "assert(($('h2').length > 0), 'The h2 element should not commented. It should be visible in the browser.')",
- "assert(($('p').length == 0), 'The paragraph element should be commented. It should not be visible in the browser.')"
+ "assert(($('h1').length === 0), 'Comment out your h1
element so that it is not visible on your page.')",
+ "assert(($('h2').length > 0), 'Leave your h2
element uncommented so that is not visible on your page.')",
+ "assert(($('p').length === 0), 'Comment out your p
element so that it is not visible on your page.')"
],
"challengeSeed": [
"