HTML Dersleri | HTML Kurulumu | HTML Programlama Dersleri
Bu dersimizde "<img>" etiketini kullanmayı öğreneceğiz. Adından anlaşılacağı gibi web sayfanıza fotoğraf eklemeye yarıyor.Daha önceki derslerimizde direkt olarak Chrome'dan edit htlm ile kodumuz çalışıyorduk ama şimdi kodumuzu not defterine yazıp ve uzantısını ".html" olarak yaparsak üstüne tıklayınca direkt olarak sayfamız gözükecektir. Ayrıca internetten bir fotoğraf indirip bu fotoğrafı html dosyasının yanına atmalıyız.
<img> Etketini kapatmamıza gerek yoktur.
<img src="elma.jpg" Etiketi ile fotoğrafı ekleriz.(kodun yanında olunca)
<img src="image/elma.jpg" Etiketi ile ise bir dosyanın içindeki fotoğrafı açarız.(kodun yanındaki klasörde olunca)
<img src="image/elma.jpg" width="500" height="500" Etiketi ile resmin boyutunu ayarlayabiliriz.
<img src="image/elma.jpg" width="500" height="500" title="elma" alt="elma" border="2">Etiketi ile fotoğrafın ismini ayarlayabiliriz.
<html>
<head>
<title>Resim Ekleme</title>
</head>
<body>
<font color="blue" face="berlin sans fb" size="7"> Elma Resmi: </font><br>
<img src="elma.jpg" width="500" height="500" title="elma" alt="elma" border="2">
</body>
</html>