Prontuario Link e Immagini

Sintassi Link

Link Inline

[Testo link](https://www.markdownlang.com)
[Testo link con titolo](https://www.markdownlang.com "Titolo link")

Link di Riferimento

[Testo link][ref]
[Testo link][]

[ref]: https://www.markdownlang.com "Titolo opzionale"
[Testo link]: https://www.markdownlang.com

Autolink

<https://www.markdownlang.com>
<email@example.com>

Link di Ancoraggio

[Salta a titolo](#nome-titolo)
[Torna in alto](#top)

Sintassi Immagini

Immagini Inline

![Testo alternativo](image.jpg)
![Testo alternativo](image.jpg "Titolo immagine")

Immagini di Riferimento

![Testo alternativo][img-ref]

[img-ref]: image.jpg "Titolo opzionale"

Immagini con Link

[![Testo alternativo](image.jpg)](https://www.markdownlang.com)

Specificare Dimensione

<img src="image.jpg" alt="Testo alternativo" width="300" height="200">

Combinazioni Comuni

Immagine Collegata

[![Logo Progetto](logo.png)](https://github.com/user/repo)

Immagine Centrata

<div align="center">
  <img src="image.jpg" alt="Descrizione">
</div>

Immagini Affiancate

<img src="img1.jpg" width="48%"> <img src="img2.jpg" width="48%">

Best Practice

Tipo	Suggerimento	Esempio
Testo link	Usa testo descrittivo	✅ [Guida Utente]()
Testo link	Evita "clicca qui"	❌ [Clicca qui]()
File immagine	Usa percorso relativo	✅ ./images/pic.jpg
Alt text	Descrivi il contenuto	✅ ![screenshot UI]()
Formato file	Formati adatti al web	✅ JPG, PNG, WebP

Output HTML

Markdown	HTML
[testo](url)	<a href="url">testo</a>
	<img src="img" alt="alt">
<url>	<a href="url">url</a>

Errori Comuni

❌ Esempi errati:
[Link(https://www.markdownlang.com)     ← Parentesi destra mancante
![Immagine](image.jpg             ← Parentesi destra mancante
[ Link ]( https://www.markdownlang.com ) ← Spazi non necessari

✅ Esempi corretti:
[Link](https://www.markdownlang.com)
![Immagine](image.jpg)
[Link](https://www.markdownlang.com)