From 27e716f4bef170d6fe6f271e7276e06a7f9daabb Mon Sep 17 00:00:00 2001 From: Saurish Kar Date: Thu, 18 Jan 2018 12:16:50 +0530 Subject: [PATCH] fix(seed): added example breakdown to give more clarity to question (#16485) --- .../basic-html-and-html5.json | 11 ++++++++--- 1 file changed, 8 insertions(+), 3 deletions(-) diff --git a/challenges/01-responsive-web-design/basic-html-and-html5.json b/challenges/01-responsive-web-design/basic-html-and-html5.json index 4b612800af..ec39f63128 100644 --- a/challenges/01-responsive-web-design/basic-html-and-html5.json +++ b/challenges/01-responsive-web-design/basic-html-and-html5.json @@ -856,10 +856,15 @@ "title": "Nest an Anchor Element within a Paragraph", "description": [ "Again, here's a diagram of an a element for your reference:", - "\"a", + "\"aClick to enlarge ", "Here's an example:", - "<p>Here's a <a href=\"https://freecodecamp.org\"> link to freeCodeCamp</a> for you to follow.</p>", - "Nesting just means putting one element inside of another element.", + "
<p>
Here's a <a href=\"http://freecodecamp.org\"> link to freecodecamp.org</a> for you to follow.
</p>
", + "Let's break down the example:", + "Normal text is wrapped in the p element:
<p> Here's a ... for you to follow. </p>", + "Next is the anchor element <a> (which requires a closing tag </a>):
<a> ... </a>", + "href is an anchor tag attribute that contains the URL address of the link:
<a href=\"http://freecodecamp.org\"> ... </a>", + "The text, \"link to freecodecamp.org\", within the anchor element called anchor text, will display a link to click:
<a href=\" ... \">link to freecodecamp.org</a>", + "The final output of the example will look like this:

Here's a link to freecodecamp.org for you to follow.

", "
", "Now nest your existing a element within a new p element (just after the existing main element) so that the surrounding paragraph says \"View more cat photos\", but where only \"cat photos\" is a link, and the rest of the text is plain text." ],