HTML Resim Ekleme Etiketi
HTML resim ekleme etiketi hangisidir? Sayfamıza bir resim eklemek istediğimiz zaman <img /> etiketi kullanılır. Bu etiketin kapanış etiketi yoktur. Bu etiketin sahip olduğu parametreleri görelim.
| src | Resmin bilgisayar içerisindeki dosya yolu yazılır |
| border | Resmin etrafında çerçeve oluşmasını sağlar. |
| align | Resmin sayfa üzerindeki konumunu belirler. |
| height | Resmin yüksekliğini ayarlar. (piksel cinsinden) |
| width | Resmin genişliğini ayarlar. (piksel cinsinden) |
| alt | Resim ile alakalı yazı yazılan böüm |
Örnek olarak;
HTML de yazımı:
<img src=”ornek.png” border=2 align=”left” height=600 width=600>
Parametreler
- alt=”Örnek resim olarak konulmuştur.”> “alt” bu ise resim hakkında bilgi içeren yazımsal kısımdır. Resim yüklenemez ise resmin kapladığı bölge bir çerçeve şeklinde belirlenir ve içinde burada yazılan yazı gösterilir. Resim görüntülendiği zamanlar ise bu yazı görünmez. Ayrıca bu parametre SEO açısından da önemli bir parametredir.
- “src” kısmında eğer resim ile html uzantılı belgemiz aynı klasör içinde ise sadece resmin adını ve uzantısını yazmak yeterlidir. Eğer değilse resmin nerede olduğunu (dosya yolunu) belirtmemiz gerekir. Resmin doya yolu ve adı yazıldıktan sonra resmin formatını da yazmayı unutmayınız.
- “border” yazılmaz ise varsayılan değer sıfırdır. Çerçeve oluşturmaz.
- “align” yazılmaz bir önceki etikete göre html otomatik yerleştirir.
- “height” ve “width” belirtilmez ise html resmi otomatik olarak kendi boyutunda alır ve o şekilde koyar.
HTML resim ekleme (<img />) etiketinin kullanım şeklini gördük. Aşağıdaki linke tıklayarak HTML ile ilgili diğer yazılarımıza da ulaşabilirsiniz. Ayrıca aşağıdaki Instagram ve Twitter linklerine tıklayarak bizleri Instagram ve Twitter üzerinden de takip ederek destek olabilirsiniz.
https://yazilimdelisi.com/category/web-gelistirme/html/
Sosyal Medya Hesaplarımız
