img. It is a special tag as it exists only as an single tag without end tag. The content (image) is defined via the attribute src. We can insert a description of the image via the alt tag.
``` html
```
index.html document. The images should be placed in a subfolder named img.width and height as attributes of the img tag:
``` html
```
The values inserted via attributes (above) will be overridden if you specify width and height through a CSS stylesheet. We can also use this style inline, then it has priority over an external style sheet:
``` html
```
We can use an image as content of a link:
``` html
```
So far we have defined the size of an image in pixel. Another way is the unit vw (viewport width) and vh (viewport height). The value is given in percent of the viewport of the users device/ browser window.
### Full Page Background Image
```css
/*Source: https://www.w3schools.com/howto/howto_css_full_page.asp */
body, html {
height: 100%;
}
.bg {
/* The image used */
background-image: url("img_girl.jpg");
/* Full height */
height: 100%;
/* Center and scale the image nicely */
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
```
## Video
Video is embedded through the video tag:
```html
```
We can add a tag autoplay to start the video automatically, but some browsers require another attribute muted to allow autoplay.
### Full Screen Background Video
```html
Lorem ipsum dolor sit amet, an his etiam torquatos. Tollit soleat phaedrum te duo, eum cu recteque expetendis neglegentur. Cu mentitum maiestatis persequeris pro, pri ponderum tractatos ei. Id qui nemore latine molestiae, ad mutat oblique delicatissimi pro.