1.4 KiB
1.4 KiB
| id | title | challengeType | dashedName |
|---|---|---|---|
| 5dc23f9bf86c76b9248c6eba | Part 7 | 0 | part-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>