48550a582e
* chore: move files * chore: update names in code * chore: use correct name oops * chore: proper title case
1.4 KiB
1.4 KiB
id, title, challengeType, dashedName
| id | title | challengeType | dashedName |
|---|---|---|---|
| 5dc23f9bf86c76b9248c6eba | Step 7 | 0 | step-7 |
--description--
You can add images to your website by using the img element. img elements have an opening tag without a closing tag. A tag for an element without a closing tag is known as a self-closing tag.
Add an img element below the p element. At this point, no image will show up in the browser.
--hints--
Your img element should have an opening tag. Opening tags have this syntax: <elementName>.
assert(document.querySelector('img'));
Your img element should not have a closing tag. Closing tags have a / just after the < character.
assert(!code.match(/<\/img\>/));
You should only have one img element. Remove any extras.
assert(document.querySelectorAll('img').length === 1);
Your img element should be below the p element. You have them in the wrong order.
const collection = [...document.querySelectorAll('p,img')].map(
(node) => node.nodeName
);
assert(collection.indexOf('P') < collection.indexOf('IMG'));
--seed--
--seed-contents--
<html>
<body>
<h1>CatPhotoApp</h1>
<main>
<h2>Cat Photos</h2>
<!-- TODO: Add link to cat photos -->
--fcc-editable-region--
<p>Click here to view more cat photos.</p>
--fcc-editable-region--
</main>
</body>
</html>