Tham khảo nhanh liên kết và hình ảnh

Cú pháp liên kết

Liên kết nội tuyến

[văn bản liên kết](https://www.markdownlang.com)
[liên kết có tiêu đề](https://www.markdownlang.com "tiêu đề liên kết")

Liên kết tham chiếu

[văn bản liên kết][ref]
[văn bản liên kết][]

[ref]: https://www.markdownlang.com "tiêu đề tuỳ chọn"
[văn bản liên kết]: https://www.markdownlang.com

Tự động liên kết

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

Liên kết neo (anchor)

[chuyển đến tiêu đề](#ten-tieu-de)
[trở về đầu trang](#top)

Cú pháp hình ảnh

Hình ảnh nội tuyến

![văn bản thay thế](image.jpg)
![văn bản thay thế](image.jpg "tiêu đề hình ảnh")

Hình ảnh tham chiếu

![văn bản thay thế][img-ref]

[img-ref]: image.jpg "tiêu đề tuỳ chọn"

Hình ảnh có liên kết

[![văn bản thay thế hình ảnh](image.jpg)](https://www.markdownlang.com)

Chỉ định kích thước

<img src="image.jpg" alt="van-ban-thay-the" width="300" height="200">

Kết hợp thường dùng

Hình ảnh kèm liên kết

[![Logo dự án](logo.png)](https://github.com/user/repo)

Căn giữa hình ảnh

<div align="center">
  <img src="image.jpg" alt="mo-ta">
</div>

Hiển thị hình ảnh cạnh nhau

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

Thực tiễn tốt

Loại	Gợi ý	Ví dụ
Văn bản liên kết	Dùng văn bản mang tính mô tả	✅ [Hướng dẫn người dùng]()
Văn bản liên kết	Tránh "nhấp vào đây"	❌ [nhấp vào đây]()
Tệp hình ảnh	Dùng đường dẫn tương đối	✅ ./images/pic.jpg
Văn bản thay thế	Mô tả nội dung hình ảnh	✅ ![ảnh giao diện người dùng]()
Định dạng tệp	Thân thiện web	✅ JPG, PNG, WebP

Đầu ra HTML

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

Lỗi thường gặp

❌ Ví dụ sai:
[liên_kết(https://www.markdownlang.com)     ← Thiếu ngoặc phải
![hình](image.jpg             ← Thiếu ngoặc phải
[ liên_kết ]( https://www.markdownlang.com ) ← Khoảng trắng không cần thiết

✅ Ví dụ đúng:
[liên_kết](https://www.markdownlang.com)
![hình](image.jpg)
[liên_kết](https://www.markdownlang.com)