Markdown skill tree (5): picture

Markdown The skill tree （5）： picture

Markdown Use a syntax similar to that of links to mark images , Two styles are also allowed ： In line and reference .

In line form picture

The syntax format of the inline image is ![Alt text](/path/to/img.jpg "Optional title"), such as ：

![keyboards](https://source.unsplash.com/500x500/?keyboards " What a cool keyboard ")

Refer to the form picture

The syntax format of the reference form picture is as follows ：

![Alt text][id]
[id]: url/to/image  "Optional title attribute"

such as ：

![Git  Course ][git]

[git]: /img/5c/43587c6f35898bc8cadb1ead5ad8ce.jpg

up to now , Markdown There is no way to specify the width and height of the picture , If necessary , You can use ordinary label .

<img src="/img/5c/43587c6f35898bc8cadb1ead5ad8ce.jpg" width="300px" height="200px" alt=" study hard ">

Summary

Let's review picture The knowledge of it ：

1. have access to ![Alt text](/path/to/img.jpg "Optional title") Add a picture in the format of
2. have access to Reference style Add a picture in the format of , Its structure is ![ Content ][1] + [1]: image_url "alt Tips " The combination of