2018-10-12 15:37:13 -04:00
|
|
|
---
|
|
|
|
|
title: Img Width Attribute
|
|
|
|
|
---
|
|
|
|
|
## Img Width Attribute
|
|
|
|
|
|
|
|
|
|
The HTML 'width' attribute refers to the width of an image. The value in the quotations is the amount of pixels.
|
|
|
|
|
|
|
|
|
|
For example, if you already have a link to an image set up via the `src` attribute you can add the width attribute like so:
|
|
|
|
|
```html
|
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
<head>
|
|
|
|
|
<title>Img Width Attribute</title>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<img src="image.png" alt="Image" width="100"/>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
In the code snippet above there is an image tag and the image is set to a width of 100 pixels. `width="100"`
|
|
|
|
|
|
|
|
|
|
#### More Information:
|
|
|
|
|
<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img" target="_blank">MDN article on the img tag<a>
|
2019-03-21 09:24:59 -04:00
|
|
|
|
|
|
|
|
<a href="https://www.w3schools.com/tags/att_img_width.asp" target="_blank">w3school article on the img tag</a>
|
