Html sayfalarımıza resimler eklemek istediğimizde bunun için belirlenmiş olan etiketleri kullanabiliriz.
HTML’de Resim Etiketleri ve Src Parametresi
Html sayfalarımıza resim eklemek için <img>etiketini kullanırız. <img> etiketinin,Source(kaynak) anlamına gelen src parametresi ile de kullanacağımız resmin adresini belirtiriz.
Not:<img> etiketi kapalı bir etikettir. Etiketi kapatmak gerekmemektedir. Gerekli değerlerini parametreler ile alır.
Kullanım:
<img src="resim yolu">
Örneğin:
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/b/b4/Flag_of_Turkey.svg/1200px-Flag_of_Turkey.svg.png">
Çıktısı:
Alt Parametresi
Resimlerimiz yüklenmediğinde gözükmesi veya arama motorları tarafından taranırken tanımlanması amacıyla resimlerimize alternatif metin anlamında gelen alt parametresi yardımıyla bir metin verebiliriz.
Kullanım:
<img src="https://mitopya.com/sahteresim" alt="Sahte Resim Metni>
Çıktısı:
Örneğimizi incelediğimizde var olmayan bir resim yolunu verdiğimizde resmi bulamadığı için tanımladığımız alternatif metin görzükmektedir.