Skip to content

Links and images

External references

External references

inline link
Referencing with a number
Using a direct link. 

[inline link](https://example.com/)  
[Referencing with a number][1]  
Using a [direct link].  
[direct link]: https://example.com/  
[1]: https://example.com/

Internal links

Reference to a file
Reference to a title

[Reference to a file](../cheatsheet/links_and_images.md/)  
[Reference to a title](#links-and-references)

Images

Images

Online image:
alt text

Reference style:
alt text

Online image:
![alt text](https://dummyimage.com/200x100/eee/aaa "Logo Title Text 1")

Reference style: 
![alt text][logo]

[logo]: https://dummyimage.com/200x100/eee/aaa "Logo Title Text 2"

Image alignment

It possible to align an image right or left using this:

Placeholder Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod nulla. Curabitur feugiat, tortor non consequat finibus, justo purus auctor massa, nec semper lorem quam in massa.

![Placeholder](https://dummyimage.com/200x100/eee/aaa){: align=right }
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod
nulla. Curabitur feugiat, tortor non consequat finibus, justo purus auctor
massa, nec semper lorem quam in massa.

Youtube video

Videos YouTube

IMAGE ALT TEXT HERE

[![IMAGE ALT TEXT HERE](http://img.youtube.com/vi/dQw4w9WgXcQ/0.jpg)](https://www.youtube.com/watch?v=dQw4w9WgXcQ)