---
id: 5dc23f9bf86c76b9248c6eba
title: Part 7
challengeType: 0
dashedName: 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: ``.
```js
assert(document.querySelector('img'));
```
Your `img` element should not have a closing tag. Closing tags have a `/` just after the `<` character.
```js
assert(!code.match(/<\/img\>/));
```
You should only have one `img` element. Remove any extras.
```js
assert(document.querySelectorAll('img').length === 1);
```
Your `img` element should be below the `p` element. You have them in the wrong order.
```js
const collection = [...document.querySelectorAll('p,img')].map(
(node) => node.nodeName
);
assert(collection.indexOf('P') < collection.indexOf('IMG'));
```
# --seed--
## --seed-contents--
```html