docs/contribute/components/images.md

37 lines
1.4 KiB
Markdown

---
description: components and formatting examples used in Docker's docs
title: Images
toc_max: 3
---
## Example
- A small image: ![a small image](/assets/images/footer_moby_icon.png)
- A small image that is a link. The extra newline here makes it not show inline:
[![a small image](/assets/images/footer_moby_icon.png)](https://www.docker.com/)
- Make the image open in a new tab: [![an image](/assets/images/footer_moby_icon.png)](/assets/images/footer_moby_icon.png){: target="_blank" rel="noopener" class="_"}
- Set the width of an image: ![a pretty wide image](/assets/images/banner_image_24512.png){:width="750px"}
- A big wide image: ![a pretty wide image](/assets/images/banner_image_24512.png)
- The same as above but using HTML: <img src="/assets/images/banner_image_24512.png" alt="a wide image using HTML"/>
## HTML and Markdown
```html
- A small image: ![a small cute image](/assets/images/footer_moby_icon.png)
- A small image that is a link. The extra newline here makes it not show inline:
[![a small cute image](/assets/images/footer_moby_icon.png)](https://www.docker.com/)
- Set the width of an image: ![a pretty wide image](/assets/images/banner_image_24512.png){:width="750px"}
- A big wide image: ![a pretty wide image](/assets/images/banner_image_24512.png)
- The same as above but using HTML: <img src="/assets/images/banner_image_24512.png" alt="a wide image using HTML"/>
```