Slike se u HTML-u dodaju korišćenjem <img> taga i atributa src.
<img src="nazivslike.jpg" alt="tekst umesto slike" width="500" height="600">
src - definiše putanju do slike
alt - alternativni tekst koji se prikazuje ako slika ne može da se prikaže
width - širina slike u pikselima
height - visina slike u pikselima
Primer u html-u. U ovom primeru imamo i sliku desktop.png koja se nalazi u istom folderu gde i html dokument.
<!DOCTYPE html>
<html>
<head>
<title>Slike u HTML-u</title>
</head>
<body>
<html>
<head>
<title>Slike u HTML-u</title>
</head>
<body>
<h2>alt atribut</h2>
<p>Ako korisnik ne može da vidi sliku dobiće tekst definisan alt atributom:</p>
<img src="desktop.png" alt="slika browsera" width="460" height="255">
<h2>width atribut</h2>
<p>definiše širinu slike</p>
<p>definiše širinu slike</p>
<h2>height atribut</h2>
<p>definiše visinu slike</p>
<p>definiše visinu slike</p>
</body>
</html>
Prikaz html koda u browser:
No comments:
Post a Comment