Skip to content
This repository was archived by the owner on Sep 25, 2019. It is now read-only.

Commit 5815401

Browse files
Nirajn2311raisedadead
authored andcommitted
fix: example link will open in new tab (#22)
Example link will open in new tab Final editing
1 parent 999c6af commit 5815401

File tree

1 file changed

+3
-2
lines changed

1 file changed

+3
-2
lines changed

challenges/01-responsive-web-design/basic-html-and-html5.json

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1043,13 +1043,14 @@
10431043
"title": "Nest an Anchor Element within a Paragraph",
10441044
"description": [
10451045
"You can nest links within other text elements.",
1046-
"<blockquote>&#60;p&#62;<br> Here's a &#60;a href=\"http://freecodecamp.org\"&#62; link to freecodecamp.org&#60;/a&#62; for you to follow.<br>&#60;/p&#62;</blockquote>",
1046+
"<blockquote>&#60;p&#62;<br> Here's a &#60;a target=\"_blank\" href=\"http://freecodecamp.org\"&#62; link to freecodecamp.org&#60;/a&#62; for you to follow.<br>&#60;/p&#62;</blockquote>",
10471047
"Let's break down the example:",
10481048
"Normal text is wrapped in the <code>p</code> element:<br> <code>&#60;p&#62; Here's a ... for you to follow. &#60;/p&#62;</code>",
10491049
"Next is the <code>anchor</code> element <code>&#60;a&#62;</code> (which requires a closing tag <code>&#60;/a&#62;</code>):<br> <code>&#60;a&#62; ... &#60;/a&#62;</code>",
1050+
"<code>target</code> is an anchor tag attribute that specifies where to open the link and the value <code>\"_blank\"</code> specifies to open the link in a new tab",
10501051
"<code>href</code> is an anchor tag attribute that contains the URL address of the link:<br> <code>&#60;a href=\"http://freecodecamp.org\"> ... &#60;/a&#62;</code>",
10511052
"The text, <strong>\"link to freecodecamp.org\"</strong>, within the anchor element called <code>anchor text</code>, will display a link to click:<br> <code>&#60;a href=\" ... \"&#62;link to freecodecamp.org&#60;/a&#62;</code>",
1052-
"The final output of the example will look like this:<br><p>Here's a <a href=\"http://freecodecamp.org\"> link to freecodecamp.org</a> for you to follow.</p>",
1053+
"The final output of the example will look like this:<br><p>Here's a <a target=\"_blank\" href=\"http://freecodecamp.org\"> link to freecodecamp.org</a> for you to follow.</p>",
10531054
"<hr>",
10541055
"Now nest your existing <code>a</code> element within a new <code>p</code> element (just after the existing <code>main</code> element). The new paragraph should have text that says \"View more cat photos\", where \"cat photos\" is a link, and the rest of the text is plain text."
10551056
],

0 commit comments

Comments
 (0)