7da04a348b
<!-- Please follow this checklist and put an x in each of the boxes, like this: [x]. It will ensure that our team takes your pull request seriously. --> - [x] I have read [freeCodeCamp's contribution guidelines](https://github.com/freeCodeCamp/freeCodeCamp/blob/master/CONTRIBUTING.md). - [x] My pull request has a descriptive title (not a vague title like `Update index.md`) - [x] My pull request targets the `master` branch of freeCodeCamp.
25 lines
731 B
Markdown
25 lines
731 B
Markdown
---
|
|
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>
|