add a span challenge and replace more old outside images with s3 images
parent
78234c556b
commit
d838036ed2
|
@ -1130,7 +1130,7 @@
|
|||
" var slotTwo;",
|
||||
" var slotThree;",
|
||||
" ",
|
||||
" var images = ['http://bit.ly/fcc-kittens','http://bit.ly/fcc-kittens','http://bit.ly/fcc-kittens','http://bit.ly/fcc-kittens','http://bit.ly/fcc-kittens'];",
|
||||
" var images = ['https://bit.ly/fcc-relaxing-cat','https://bit.ly/fcc-relaxing-cat','https://bit.ly/fcc-relaxing-cat','https://bit.ly/fcc-relaxing-cat','https://bit.ly/fcc-relaxing-cat'];",
|
||||
" ",
|
||||
" /*Don't modify above here*/",
|
||||
" ",
|
||||
|
@ -1284,7 +1284,7 @@
|
|||
" var slotTwo;",
|
||||
" var slotThree;",
|
||||
" ",
|
||||
" var images = ['http://bit.ly/fcc-kittens','http://bit.ly/fcc-kittens','http://bit.ly/fcc-kittens','http://bit.ly/fcc-kittens','http://bit.ly/fcc-kittens'];",
|
||||
" var images = ['https://bit.ly/fcc-relaxing-cat','https://bit.ly/fcc-relaxing-cat','https://bit.ly/fcc-relaxing-cat','https://bit.ly/fcc-relaxing-cat','https://bit.ly/fcc-relaxing-cat'];",
|
||||
" ",
|
||||
" slotOne = Math.floor(Math.random() * (5 - 1 + 1)) + 1;",
|
||||
" slotTwo = Math.floor(Math.random() * (5 - 1 + 1)) + 1;",
|
||||
|
@ -1445,7 +1445,7 @@
|
|||
" var slotThree;",
|
||||
" ",
|
||||
" //Placeholder",
|
||||
" var images = ['http://bit.ly/fcc-kittens','http://bit.ly/fcc-kittens','http://bit.ly/fcc-kittens','http://bit.ly/fcc-kittens','http://bit.ly/fcc-kittens'];",
|
||||
" var images = ['https://bit.ly/fcc-relaxing-cat','https://bit.ly/fcc-relaxing-cat','https://bit.ly/fcc-relaxing-cat','https://bit.ly/fcc-relaxing-cat','https://bit.ly/fcc-relaxing-cat'];",
|
||||
" ",
|
||||
" slotOne = Math.floor(Math.random() * (5 - 1 + 1)) + 1;",
|
||||
" slotTwo = Math.floor(Math.random() * (5 - 1 + 1)) + 1;",
|
||||
|
|
|
@ -50,7 +50,7 @@
|
|||
"",
|
||||
"<p>Click here for <a href='#'>cat photos</a>.</p>",
|
||||
"",
|
||||
"<a href='#'><img class='smaller-image thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/></a>",
|
||||
"<a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/></a>",
|
||||
"",
|
||||
"<p>Things cats love:</p>",
|
||||
"<ul>",
|
||||
|
@ -99,7 +99,7 @@
|
|||
"tests": [
|
||||
"assert($('img').length > 1, 'You should have a total of two images.')",
|
||||
"assert($('img').hasClass('img-responsive'), 'Your new image should have the class \"img-responsive\".')",
|
||||
"assert(new RegExp('http://bit.ly/fcc-running-cats', 'gi').test($('img.img-responsive').attr('src')), 'Add a second image with the <code>src</code> of <code>http://bit.ly/fcc-kittens2</code>.')"
|
||||
"assert(new RegExp('http://bit.ly/fcc-running-cats', 'gi').test($('img.img-responsive').attr('src')), 'Add a second image with the <code>src</code> of <code>http://bit.ly/fcc-running-cats</code>.')"
|
||||
],
|
||||
"challengeSeed": [
|
||||
"<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>",
|
||||
|
@ -134,7 +134,7 @@
|
|||
"",
|
||||
" <p>Click here for <a href='#'>cat photos</a>.</p>",
|
||||
"",
|
||||
" <a href='#'><img class='smaller-image thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/></a>",
|
||||
" <a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/></a>",
|
||||
"",
|
||||
" <p>Things cats love:</p>",
|
||||
" <ul>",
|
||||
|
@ -216,7 +216,7 @@
|
|||
"",
|
||||
" <p>Click here for <a href='#'>cat photos</a>.</p>",
|
||||
"",
|
||||
" <a href='#'><img class='smaller-image thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/></a>",
|
||||
" <a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/></a>",
|
||||
"",
|
||||
" <img src='http://bit.ly/fcc-running-cats' class='img-responsive'>",
|
||||
" <p>Things cats love:</p>",
|
||||
|
@ -301,7 +301,7 @@
|
|||
"",
|
||||
" <p>Click here for <a href='#'>cat photos</a>.</p>",
|
||||
"",
|
||||
" <a href='#'><img class='smaller-image thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/></a>",
|
||||
" <a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/></a>",
|
||||
"",
|
||||
" <img src='http://bit.ly/fcc-running-cats' class='img-responsive'>",
|
||||
" <p>Things cats love:</p>",
|
||||
|
@ -389,7 +389,7 @@
|
|||
"",
|
||||
" <p>Click here for <a href='#'>cat photos</a>.</p>",
|
||||
"",
|
||||
" <a href='#'><img class='smaller-image thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/></a>",
|
||||
" <a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/></a>",
|
||||
"",
|
||||
" <img src='http://bit.ly/fcc-running-cats' class='img-responsive'>",
|
||||
" <button class='btn'>Like</button>",
|
||||
|
@ -476,7 +476,7 @@
|
|||
"",
|
||||
" <p>Click here for <a href='#'>cat photos</a>.</p>",
|
||||
"",
|
||||
" <a href='#'><img class='smaller-image thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/></a>",
|
||||
" <a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/></a>",
|
||||
"",
|
||||
" <img src='http://bit.ly/fcc-running-cats' class='img-responsive'>",
|
||||
" <button class='btn btn-block'>Like</button>",
|
||||
|
@ -564,7 +564,7 @@
|
|||
"",
|
||||
" <p>Click here for <a href='#'>cat photos</a>.</p>",
|
||||
"",
|
||||
" <a href='#'><img class='smaller-image thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/></a>",
|
||||
" <a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/></a>",
|
||||
"",
|
||||
" <img src='http://bit.ly/fcc-running-cats' class='img-responsive'>",
|
||||
" <button class='btn btn-block btn-primary'>Like</button>",
|
||||
|
@ -652,7 +652,7 @@
|
|||
"",
|
||||
" <p>Click here for <a href='#'>cat photos</a>.</p>",
|
||||
"",
|
||||
" <a href='#'><img class='smaller-image thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/></a>",
|
||||
" <a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/></a>",
|
||||
"",
|
||||
" <img src='http://bit.ly/fcc-running-cats' class='img-responsive'>",
|
||||
" <button class='btn btn-block btn-primary'>Like</button>",
|
||||
|
@ -745,7 +745,7 @@
|
|||
"",
|
||||
" <p>Click here for <a href='#'>cat photos</a>.</p>",
|
||||
"",
|
||||
" <a href='#'><img class='smaller-image thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/></a>",
|
||||
" <a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/></a>",
|
||||
"",
|
||||
" <img src='http://bit.ly/fcc-running-cats' class='img-responsive'>",
|
||||
" <button class='btn btn-block btn-primary'>Like</button>",
|
||||
|
@ -787,7 +787,7 @@
|
|||
"descriptionPt": []
|
||||
},
|
||||
{
|
||||
"id": "bad87fee1348bd9aedf08845",
|
||||
"id": "bad87fee1348bd9aedf08745",
|
||||
"name": "Waypoint: Ditch Custom CSS for Bootstrap",
|
||||
"dashedName": "waypoint-ditch-custom-css-for-bootstrap",
|
||||
"difficulty": 2.10,
|
||||
|
@ -836,7 +836,7 @@
|
|||
"",
|
||||
" <p>Click here for <a href='#'>cat photos</a>.</p>",
|
||||
"",
|
||||
" <a href='#'><img class='smaller-image thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/></a>",
|
||||
" <a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/></a>",
|
||||
"",
|
||||
" <img src='http://bit.ly/fcc-running-cats' class='img-responsive'>",
|
||||
" <div class='row'>",
|
||||
|
@ -885,6 +885,107 @@
|
|||
"namePt": "",
|
||||
"descriptionPt": []
|
||||
},
|
||||
{
|
||||
"id": "bad87fee1348bd9aedf08845",
|
||||
"name": "Waypoint: Use Spans for Inline Elements",
|
||||
"dashedName": "waypoint-use-spans-for-inline-elements",
|
||||
"difficulty": 2.105,
|
||||
"description": [
|
||||
"You can use use spans to create inline elements. Remember when we used the \"btn-block\" class to make the button grow fill the entire row?",
|
||||
"This image illustrates the difference between \"inline\" elements and \"block-level\" elements:",
|
||||
"<img class='img-responsive' src='https://www.evernote.com/l/AHTFU358y71AV6mokPeuTEgrZVdUJ4A8v3AB/image.png' alt='An \"inline\" button is as small as the text it contains. In this image, it's centered. Below it is a \"block-level\" button, which stretches to fill the entire horizontal space.'>",
|
||||
"By using the <code>span</code> element, you can put several elements together, and even style different parts of the same element differently.",
|
||||
"Nest the word \"love\" in your \"Things cats love\" element below withing a <code>span</code> element. Then give that <code>span</code> the class \"text-danger\" to make the text red.",
|
||||
"Here's how you would do this with the \"Top 3 things cats hate\" element: <code><p>Top 3 things cats <span class\"text-danger\">hate</span></p></code>"
|
||||
],
|
||||
"tests": [
|
||||
"assert($('p span') && $('p span').length > 0, 'Your <code>span</code> element should be inside your <code>p</code> element.')",
|
||||
"assert($('p span') && $('p span').text().match(/love/i), 'Your <code>span</code> element should have the text \"love\".')",
|
||||
"assert($('span').hasClass('text-danger'), 'Your <code>span</code> element should have class \"text-danger\".')",
|
||||
"assert(editor.match(/<\\/span>/g) && editor.match(/<span/g) && editor.match(/<\\/span>/g).length === editor.match(/<span/g).length, 'Make sure your <code>span</code> element has a closing tag.')"
|
||||
],
|
||||
"challengeSeed": [
|
||||
"<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>",
|
||||
"<style>",
|
||||
" .red-text {",
|
||||
" color: red;",
|
||||
" }",
|
||||
"",
|
||||
" h2 {",
|
||||
" font-family: Lobster, Monospace;",
|
||||
" }",
|
||||
"",
|
||||
" p {",
|
||||
" font-size: 16px;",
|
||||
" font-family: Monospace;",
|
||||
" }",
|
||||
"",
|
||||
" .thick-green-border {",
|
||||
" border-color: green;",
|
||||
" border-width: 10px;",
|
||||
" border-style: solid;",
|
||||
" border-radius: 50%;",
|
||||
" }",
|
||||
"",
|
||||
" .smaller-image {",
|
||||
" width: 100px;",
|
||||
" }",
|
||||
"</style>",
|
||||
"",
|
||||
"<div class='container-fluid'>",
|
||||
" <h2 class='red-text text-center'>CatPhotoApp</h2>",
|
||||
"",
|
||||
" <p>Click here for <a href='#'>cat photos</a>.</p>",
|
||||
"",
|
||||
" <a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/></a>",
|
||||
"",
|
||||
" <img src='http://bit.ly/fcc-running-cats' class='img-responsive'>",
|
||||
" <div class='row'>",
|
||||
" <div class='col-xs-4'>",
|
||||
" <button class='btn btn-block btn-primary'>Like</button>",
|
||||
" </div>",
|
||||
" <div class='col-xs-4'>",
|
||||
" <button class='btn btn-block btn-info'>Info</button>",
|
||||
" </div>",
|
||||
" <div class='col-xs-4'>",
|
||||
" <button class='btn btn-block btn-danger'>Delete</button>",
|
||||
" </div>",
|
||||
" </div>",
|
||||
" <p>Things cats <span class='text-danger'>love:</span></p>",
|
||||
" <ul>",
|
||||
" <li>cat nip</li>",
|
||||
" <li>laser pointers</li>",
|
||||
" <li>lasagna</li>",
|
||||
" </ul>",
|
||||
" <p>Top 3 things cats hate:</p>",
|
||||
" <ol>",
|
||||
" <li>flea treatment</li>",
|
||||
" <li>thunder</li>",
|
||||
" <li>other cats</li>",
|
||||
" </ol>",
|
||||
" <form action=\"/submit-cat-photo\">",
|
||||
" <label><input type='radio' name='indoor-outdoor'> Indoor</label>",
|
||||
" <label><input type='radio' name='indoor-outdoor'> Outdoor</label>",
|
||||
" <label><input type='checkbox' name='personality'> Loving</label>",
|
||||
" <label><input type='checkbox' name='personality'> Lazy</label>",
|
||||
" <label><input type='checkbox' name='personality'> Crazy</label>",
|
||||
" <input type='text' placeholder='cat photo URL' required>",
|
||||
" <button type='submit'>Submit</button>",
|
||||
" </form>",
|
||||
"</div>"
|
||||
],
|
||||
"challengeType": 0,
|
||||
"nameCn": "",
|
||||
"descriptionCn": [],
|
||||
"nameFr": "",
|
||||
"descriptionFr": [],
|
||||
"nameRu": "",
|
||||
"descriptionRu": [],
|
||||
"nameEs": "",
|
||||
"descriptionEs": [],
|
||||
"namePt": "",
|
||||
"descriptionPt": []
|
||||
},
|
||||
{
|
||||
"id": "bad87fee1348bd9aede08845",
|
||||
"name": "Waypoint: Create a Custom Heading",
|
||||
|
@ -925,7 +1026,7 @@
|
|||
"<div class='container-fluid'>",
|
||||
" <h2 class='text-primary text-center'>CatPhotoApp</h2>",
|
||||
"",
|
||||
" <a href='#'><img class='img-responsive thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/></a>",
|
||||
" <a href='#'><img class='img-responsive thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/></a>",
|
||||
"",
|
||||
" <img src='http://bit.ly/fcc-running-cats' class='img-responsive'>",
|
||||
" <div class='row'>",
|
||||
|
@ -939,7 +1040,7 @@
|
|||
" <button class='btn btn-block btn-danger'>Delete</button>",
|
||||
" </div>",
|
||||
" </div>",
|
||||
" <p>Things cats love:</p>",
|
||||
" <p>Things cats <span class='text-danger'>love:</span></p>",
|
||||
" <ul>",
|
||||
" <li>cat nip</li>",
|
||||
" <li>laser pointers</li>",
|
||||
|
@ -1009,7 +1110,7 @@
|
|||
" <h2 class='text-primary text-center'>CatPhotoApp</h2>",
|
||||
" </div>",
|
||||
" <div class='col-xs-4'>",
|
||||
" <a href='#'><img class='img-responsive thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/></a>",
|
||||
" <a href='#'><img class='img-responsive thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/></a>",
|
||||
" </div>",
|
||||
" </div>",
|
||||
" <img src='http://bit.ly/fcc-running-cats' class='img-responsive'>",
|
||||
|
@ -1024,7 +1125,7 @@
|
|||
" <button class='btn btn-block btn-danger'>Delete</button>",
|
||||
" </div>",
|
||||
" </div>",
|
||||
" <p>Things cats love:</p>",
|
||||
" <p>Things cats <span class='text-danger'>love:</span></p>",
|
||||
" <ul>",
|
||||
" <li>cat nip</li>",
|
||||
" <li>laser pointers</li>",
|
||||
|
@ -1094,7 +1195,7 @@
|
|||
" <h2 class='text-primary text-center'>CatPhotoApp</h2>",
|
||||
" </div>",
|
||||
" <div class='col-xs-4'>",
|
||||
" <a href='#'><img class='img-responsive thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/></a>",
|
||||
" <a href='#'><img class='img-responsive thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/></a>",
|
||||
" </div>",
|
||||
" </div>",
|
||||
" <img src='http://bit.ly/fcc-running-cats' class='img-responsive'>",
|
||||
|
@ -1109,7 +1210,7 @@
|
|||
" <button class='btn btn-block btn-danger'>Delete</button>",
|
||||
" </div>",
|
||||
" </div>",
|
||||
" <p>Things cats love:</p>",
|
||||
" <p>Things cats <span class='text-danger'>love:</span></p>",
|
||||
" <ul>",
|
||||
" <li>cat nip</li>",
|
||||
" <li>laser pointers</li>",
|
||||
|
@ -1179,7 +1280,7 @@
|
|||
" <h2 class='text-primary text-center'>CatPhotoApp</h2>",
|
||||
" </div>",
|
||||
" <div class='col-xs-4'>",
|
||||
" <a href='#'><img class='img-responsive thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/></a>",
|
||||
" <a href='#'><img class='img-responsive thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/></a>",
|
||||
" </div>",
|
||||
" </div>",
|
||||
" <img src='http://bit.ly/fcc-running-cats' class='img-responsive'>",
|
||||
|
@ -1194,7 +1295,7 @@
|
|||
" <button class='btn btn-block btn-danger'><i class='fa fa-trash'></i> Delete</button>",
|
||||
" </div>",
|
||||
" </div>",
|
||||
" <p>Things cats love:</p>",
|
||||
" <p>Things cats <span class='text-danger'>love:</span></p>",
|
||||
" <ul>",
|
||||
" <li>cat nip</li>",
|
||||
" <li>laser pointers</li>",
|
||||
|
@ -1265,7 +1366,7 @@
|
|||
" <h2 class='text-primary text-center'>CatPhotoApp</h2>",
|
||||
" </div>",
|
||||
" <div class='col-xs-4'>",
|
||||
" <a href='#'><img class='img-responsive thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/></a>",
|
||||
" <a href='#'><img class='img-responsive thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/></a>",
|
||||
" </div>",
|
||||
" </div>",
|
||||
" <img src='http://bit.ly/fcc-running-cats' class='img-responsive'>",
|
||||
|
@ -1280,7 +1381,7 @@
|
|||
" <button class='btn btn-block btn-danger'><i class='fa fa-trash'></i> Delete</button>",
|
||||
" </div>",
|
||||
" </div>",
|
||||
" <p>Things cats love:</p>",
|
||||
" <p>Things cats <span class='text-danger'>love:</span></p>",
|
||||
" <ul>",
|
||||
" <li>cat nip</li>",
|
||||
" <li>laser pointers</li>",
|
||||
|
@ -1358,7 +1459,7 @@
|
|||
" <h2 class='text-primary text-center'>CatPhotoApp</h2>",
|
||||
" </div>",
|
||||
" <div class='col-xs-4'>",
|
||||
" <a href='#'><img class='img-responsive thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/></a>",
|
||||
" <a href='#'><img class='img-responsive thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/></a>",
|
||||
" </div>",
|
||||
" </div>",
|
||||
" <img src='http://bit.ly/fcc-running-cats' class='img-responsive'>",
|
||||
|
@ -1373,7 +1474,7 @@
|
|||
" <button class='btn btn-block btn-danger'><i class='fa fa-trash'></i> Delete</button>",
|
||||
" </div>",
|
||||
" </div>",
|
||||
" <p>Things cats love:</p>",
|
||||
" <p>Things cats <span class='text-danger'>love:</span></p>",
|
||||
" <ul>",
|
||||
" <li>cat nip</li>",
|
||||
" <li>laser pointers</li>",
|
||||
|
@ -1460,7 +1561,7 @@
|
|||
" <h2 class='text-primary text-center'>CatPhotoApp</h2>",
|
||||
" </div>",
|
||||
" <div class='col-xs-4'>",
|
||||
" <a href='#'><img class='img-responsive thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/></a>",
|
||||
" <a href='#'><img class='img-responsive thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/></a>",
|
||||
" </div>",
|
||||
" </div>",
|
||||
" <img src='http://bit.ly/fcc-running-cats' class='img-responsive'>",
|
||||
|
@ -1475,7 +1576,7 @@
|
|||
" <button class='btn btn-block btn-danger'><i class='fa fa-trash'></i> Delete</button>",
|
||||
" </div>",
|
||||
" </div>",
|
||||
" <p>Things cats love:</p>",
|
||||
" <p>Things cats <span class='text-danger'>love:</span></p>",
|
||||
" <ul>",
|
||||
" <li>cat nip</li>",
|
||||
" <li>laser pointers</li>",
|
||||
|
|
|
@ -734,11 +734,11 @@
|
|||
"description": [
|
||||
"You can add images to your website by using the <code>img</code> element, and point to an specific image's URL using the <code>src</code> attribute.",
|
||||
"An example of this would be <code><img src=\"www.your-image-source.com/your-image.jpg\"/></code>. Note that in most cases, <code>img</code> elements are self-closing.",
|
||||
"Try it with this image: <code>http://bit.ly/fcc-kittens</code>."
|
||||
"Try it with this image: <code>https://bit.ly/fcc-relaxing-cat</code>."
|
||||
],
|
||||
"tests": [
|
||||
"assert($('img').length > 0, 'Your page should have an image element.')",
|
||||
"assert($('img').filter(function(index) { return /http:\\/\\/bit\\.ly\\/fcc-kittens/gi.test($('img').attr('src')); }).length > 0, 'Your image should have have a <code>src</code> attribute that points to the kitten image.')"
|
||||
"assert($('img').filter(function(index) { return /http:\\/\\/bit\\.ly\\/fcc-relaxing-cat/gi.test($('img').attr('src')); }).length > 0, 'Your image should have have a <code>src</code> attribute that points to the kitten image.')"
|
||||
],
|
||||
"challengeSeed": [
|
||||
"<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>",
|
||||
|
@ -775,10 +775,10 @@
|
|||
"descriptionPt": [],
|
||||
"nameDe": "Waypoint: Füge Bilder zu deiner Website hinzu",
|
||||
"descriptionDe": [
|
||||
"Nutze ein <code>img</code> Element um das Bild <code>http://bit.ly/fcc-kittens</code> einzufügen.",
|
||||
"Nutze ein <code>img</code> Element um das Bild <code>https://bit.ly/fcc-relaxing-cat</code> einzufügen.",
|
||||
"Du kannst <code>img</code> Elemente verwenden, um Bilder in deine Website einzubauen. Um zur URL des Bildes zu verweisen, benutzt du das <code>src</code> Attribut.",
|
||||
"Ein Beispiel dafür wäre <code><img src=\"www.bild-quelle.com/bild.jpg\"/></code>. Beachte, dass <code>img</code> Elemente in den meisten Fällen selbstschließend sind.",
|
||||
"Versuche es mit diesem Bild: <code>http://bit.ly/fcc-kittens</code>."
|
||||
"Versuche es mit diesem Bild: <code>https://bit.ly/fcc-relaxing-cat</code>."
|
||||
]
|
||||
},
|
||||
{
|
||||
|
@ -814,7 +814,7 @@
|
|||
"",
|
||||
"<h2 class='red-text'>CatPhotoApp</h2>",
|
||||
"",
|
||||
"<img src='http://bit.ly/fcc-relaxing-cat'/>",
|
||||
"<img src='https://bit.ly/fcc-relaxing-cat'/>",
|
||||
"",
|
||||
"<p class='red-text'>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>",
|
||||
"<p class='red-text'>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>"
|
||||
|
@ -877,7 +877,7 @@
|
|||
"",
|
||||
"<h2 class='red-text'>CatPhotoApp</h2>",
|
||||
"",
|
||||
"<img class='smaller-image' src='http://bit.ly/fcc-relaxing-cat'/>",
|
||||
"<img class='smaller-image' src='https://bit.ly/fcc-relaxing-cat'/>",
|
||||
"",
|
||||
"<p class='red-text'>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>",
|
||||
"<p class='red-text'>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>"
|
||||
|
@ -943,7 +943,7 @@
|
|||
"",
|
||||
"<h2 class='red-text'>CatPhotoApp</h2>",
|
||||
"",
|
||||
"<img class='smaller-image thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/>",
|
||||
"<img class='smaller-image thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/>",
|
||||
"",
|
||||
"<p class='red-text'>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>",
|
||||
"<p class='red-text'>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>"
|
||||
|
@ -1009,7 +1009,7 @@
|
|||
"",
|
||||
"<h2 class='red-text'>CatPhotoApp</h2>",
|
||||
"",
|
||||
"<img class='smaller-image thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/>",
|
||||
"<img class='smaller-image thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/>",
|
||||
"",
|
||||
"<p class='red-text'>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>",
|
||||
"<p class='red-text'>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>"
|
||||
|
@ -1078,7 +1078,7 @@
|
|||
"",
|
||||
"<h2 class='red-text'>CatPhotoApp</h2>",
|
||||
"",
|
||||
"<img class='smaller-image thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/>",
|
||||
"<img class='smaller-image thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/>",
|
||||
"",
|
||||
"<p class='red-text'>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>",
|
||||
"<p class='red-text'>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>"
|
||||
|
@ -1155,7 +1155,7 @@
|
|||
"",
|
||||
"<a href='http://www.catphotoapp.com'>cat photos</a>",
|
||||
"",
|
||||
"<img class='smaller-image thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/>",
|
||||
"<img class='smaller-image thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/>",
|
||||
"",
|
||||
"<p class='red-text'>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>",
|
||||
"<p class='red-text'>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>"
|
||||
|
@ -1223,7 +1223,7 @@
|
|||
"",
|
||||
"<p>Click here for <a href='http://www.catphotoapp.com'>cat photos</a>.</p>",
|
||||
"",
|
||||
"<img class='smaller-image thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/>",
|
||||
"<img class='smaller-image thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/>",
|
||||
"",
|
||||
"<p class='red-text'>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>",
|
||||
"<p class='red-text'>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>"
|
||||
|
@ -1295,7 +1295,7 @@
|
|||
"",
|
||||
"<p>Click here for <a href='#'>cat photos</a>.</p>",
|
||||
"",
|
||||
"<img class='smaller-image thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/>",
|
||||
"<img class='smaller-image thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/>",
|
||||
"",
|
||||
"<p class='red-text'>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>",
|
||||
"<p class='red-text'>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>"
|
||||
|
@ -1366,7 +1366,7 @@
|
|||
"",
|
||||
"<p>Click here for <a href='#'>cat photos</a>.</p>",
|
||||
"",
|
||||
"<a href='#'><img class='smaller-image thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/></a>",
|
||||
"<a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/></a>",
|
||||
"",
|
||||
"<p class='red-text'>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>",
|
||||
"<p class='red-text'>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>"
|
||||
|
@ -1445,7 +1445,7 @@
|
|||
"",
|
||||
"<p>Click here for <a href='#'>cat photos</a>.</p>",
|
||||
"",
|
||||
"<a href='#'><img class='smaller-image thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/></a>",
|
||||
"<a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/></a>",
|
||||
"",
|
||||
"<p class='red-text'>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>",
|
||||
"<p class='red-text'>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>"
|
||||
|
@ -1521,7 +1521,7 @@
|
|||
"",
|
||||
"<p>Click here for <a href='#'>cat photos</a>.</p>",
|
||||
"",
|
||||
"<a href='#'><img class='smaller-image thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/></a>",
|
||||
"<a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/></a>",
|
||||
"",
|
||||
"<p>Things cats love:</p>",
|
||||
"<ul>",
|
||||
|
@ -1596,7 +1596,7 @@
|
|||
"",
|
||||
"<p>Click here for <a href='#'>cat photos</a>.</p>",
|
||||
"",
|
||||
"<a href='#'><img class='smaller-image thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/></a>",
|
||||
"<a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/></a>",
|
||||
"",
|
||||
"<p>Things cats love:</p>",
|
||||
"<ul>",
|
||||
|
@ -1675,7 +1675,7 @@
|
|||
"",
|
||||
"<p>Click here for <a href='#'>cat photos</a>.</p>",
|
||||
"",
|
||||
"<a href='#'><img class='smaller-image thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/></a>",
|
||||
"<a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/></a>",
|
||||
"",
|
||||
"<p>Things cats love:</p>",
|
||||
"<ul>",
|
||||
|
@ -1757,7 +1757,7 @@
|
|||
"",
|
||||
"<p>Click here for <a href='#'>cat photos</a>.</p>",
|
||||
"",
|
||||
"<a href='#'><img class='smaller-image thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/></a>",
|
||||
"<a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/></a>",
|
||||
"",
|
||||
"<p>Things cats love:</p>",
|
||||
"<ul>",
|
||||
|
@ -1839,7 +1839,7 @@
|
|||
"",
|
||||
"<p>Click here for <a href='#'>cat photos</a>.</p>",
|
||||
"",
|
||||
"<a href='#'><img class='smaller-image thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/></a>",
|
||||
"<a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/></a>",
|
||||
"",
|
||||
"<p>Things cats love:</p>",
|
||||
"<ul>",
|
||||
|
@ -1920,7 +1920,7 @@
|
|||
"",
|
||||
"<p>Click here for <a href='#'>cat photos</a>.</p>",
|
||||
"",
|
||||
"<a href='#'><img class='smaller-image thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/></a>",
|
||||
"<a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/></a>",
|
||||
"",
|
||||
"<p>Things cats love:</p>",
|
||||
"<ul>",
|
||||
|
@ -2010,7 +2010,7 @@
|
|||
"",
|
||||
"<p>Click here for <a href='#'>cat photos</a>.</p>",
|
||||
"",
|
||||
"<a href='#'><img class='smaller-image thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/></a>",
|
||||
"<a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/></a>",
|
||||
"",
|
||||
"<p>Things cats love:</p>",
|
||||
"<ul>",
|
||||
|
@ -2101,7 +2101,7 @@
|
|||
"",
|
||||
"<p>Click here for <a href='#'>cat photos</a>.</p>",
|
||||
"",
|
||||
"<a href='#'><img class='smaller-image thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/></a>",
|
||||
"<a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/></a>",
|
||||
"",
|
||||
"<p>Things cats love:</p>",
|
||||
"<ul>",
|
||||
|
@ -2186,7 +2186,7 @@
|
|||
"",
|
||||
"<p>Click here for <a href='#'>cat photos</a>.</p>",
|
||||
"",
|
||||
"<a href='#'><img class='smaller-image thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/></a>",
|
||||
"<a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/></a>",
|
||||
"",
|
||||
"<p>Things cats love:</p>",
|
||||
"<ul>",
|
||||
|
@ -2278,7 +2278,7 @@
|
|||
"",
|
||||
"<p>Click here for <a href='#'>cat photos</a>.</p>",
|
||||
"",
|
||||
"<a href='#'><img class='smaller-image thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/></a>",
|
||||
"<a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/></a>",
|
||||
"",
|
||||
"<p>Things cats love:</p>",
|
||||
"<ul>",
|
||||
|
@ -2369,7 +2369,7 @@
|
|||
"",
|
||||
"<p>Click here for <a href='#'>cat photos</a>.</p>",
|
||||
"",
|
||||
"<a href='#'><img class='smaller-image thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/></a>",
|
||||
"<a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/></a>",
|
||||
"",
|
||||
"<div>",
|
||||
" <p>Things cats love:</p>",
|
||||
|
@ -2457,7 +2457,7 @@
|
|||
"",
|
||||
"<p>Click here for <a href='#'>cat photos</a>.</p>",
|
||||
"",
|
||||
"<a href='#'><img class='smaller-image thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/></a>",
|
||||
"<a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/></a>",
|
||||
"",
|
||||
"<div>",
|
||||
" <p>Things cats love:</p>",
|
||||
|
@ -2547,7 +2547,7 @@
|
|||
"",
|
||||
"<p>Click here for <a href='#'>cat photos</a>.</p>",
|
||||
"",
|
||||
"<a href='#'><img class='smaller-image thick-green-border' src='http://bit.ly/fcc-relaxing-cat'/></a>",
|
||||
"<a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-relaxing-cat'/></a>",
|
||||
"",
|
||||
"<div>",
|
||||
" <p>Things cats love:</p>",
|
||||
|
|
Loading…
Reference in New Issue