HTML Зургууд

Веб хуудаст зураг байршуулахад <img> хоосон tag-ийг ашиглана.

Синтакс болон чухал аттрибутууд

<img src="images/nature.jpg" alt="Байгалийн үзэмж" width="500" height="300">

src — зургийн замаас файлын байршлыг заана.
alt — зураг уншигдаагүй үед эсвэл харааны бэрхшээлтэй хүмүүсийн дэлгэц уншигчид (screen reader) уншиж өгөх текст.
width, height — зургийн хэмжээг пикселээр заана.

Жишээ

<!DOCTYPE html>
<html>
<head>
<style>
h1 { color: #1d4ed8; }
</style>
</head>
<body>
<img src="https://via.placeholder.com/500x300" alt="Байгалийн үзэмж" width="500" height="300">
</body>
</html>

Туршиж үзэх »