Files
Randell Dawson 1494a50123 fix(guide): restructure curriculum guide articles (#36501)
* fix: restructure certifications guide articles
* fix: added 3 dashes line before prob expl
* fix: added 3 dashes line before hints
* fix: added 3 dashes line before solutions
2019-07-24 13:29:27 +05:30

22 lines
1.0 KiB
Markdown

---
title: Add Images to Your Website
---
# Add Images to Your Website
---
## Problem Explanation
Img HTML elements belongs to the group of the "self-closing" HTML elements: it means that they do not follow the ordinary structure - open tag, put content, close tag - but they have just one tag which works as opening and closing tag: <img />
As all opening tag it still can receive attributes though, and these are the tools you can use to manipulate the tag, put some content in, enhance accessibility, etc.
The main attributes of an img tag are src and alt:
<img src="https://linkToAnImage.jpg" alt="Put here a brief description of the image" />
Attributes are key value pairs inserted into the tag. The syntax is `<tag key1="value1" key2="value2"> </tag>` or, in case of self-closing tags, `<tag key1="value1" key2="value2" />` - notice that the pairs are separated by a space character, not by a comma.
```html
<img src="insert URL of the image" alt="Cute dog smiling">
```
#### Relevant Links
- [HTML attributes](https://guide.freecodecamp.org/html/attributes)