background,
hrml renk ekleme,
html arka plan ekleme,
html dersleri,
html fotograf ekleme,
html image,
html jpg ekleme,
html ögren,
html öğreniyorum,
html örnekleri,
img
HTML ile Sayfaya Resim ve Arkaplan Ekleme
Resim "<img>" Etiketi ve "src" Parametresi
HTML dökümanlarda resimler <img> etiketi ile belirtilir.
<img> etiketi kapalıdır, yani bu etiket mutlaka parametreler ile kullanılır ve bir kapatma etiketi bulundurmaz.
Sayfanızda bir resim görüntüleyebilmek için "src" parametresini kullanmak zorundasınız. Src, "source" (kaynak) anlamına gelir. Buraya görüntülemek istediğiniz resim dosyasının yolunu yazarsınız.
Kullanım biçimi
<img src="resim yolu">
|
<img src="dosyalar/banner.jpg">
|
<img src="http://www.htmldersleri.org/dosyalar/banner.jpg">
|
"Alt" Parametresi
Bu parametre alternatif metin (alternate text) anlamına gelir. Bu metin, resimin üzerine mouse gelip bir süre beklendiği zaman görünen metindir.
<img src="home.gif" alt="Ana Sayfa">
|
özellik sayesinde bazen sayfa yüklenirken resimlerin görüntülenememesi gibi problemlerde oradaki resimin ne olduğunu anlarız. Bu parametre yeni nesil HTML'de WWC tarafından zorunlu hale gelmiştir.
Temel Notlar - Yararlı İpuçları
Bir HTML dosyasına 10-15 resim koymak sayfanın yüklenişi sırasında yavaşlamaya neden olur. Bu yüzden sayfa tasarlarken bu notu dikkati alınız. Unutmayın ki kullanıcıların bir web sayfasında aradığı ilk özellik, hızdır!
Image Etiketleri
| Etiket | Açıklama |
|---|---|
| <img> | Resim |
| <map> | Bir resimden alınacak belirli bir bölge. |
| <area> | Bir resimde belirlenmiş olan bir bölgenin tıklanabilir bölge ölçüsü. |
Arkaplan Kullanmak
Daha önceden HTML belgesinin klasik bir formatı olduğunu ve bunun dışına çıkılmaması gerektiğini söylemiştik. Bahsettiğimiz kodlar arasında <body>'ye ekleyeceğiniz bgcolor="" özelliği ile html belgesinin arkaplan rengini belirleyebilirsiniz:
Bu özellik içerisine yazılan renk kodları ingilizce, 16'lık ya da RGB değerlerinde belirtilmelidir. Bunlara bir resim editörü yardımıyla ulaşabilirsiniz (Photoshop tarzı).
Bu özellik içerisine yazılan renk kodları ingilizce, 16'lık ya da RGB değerlerinde belirtilmelidir. Bunlara bir resim editörü yardımıyla ulaşabilirsiniz (Photoshop tarzı).
<body bgcolor="black">
<body bgcolor="#000000">
<body bgcolor="rgb(0,0,0)">
Eğer arkaplanda bir resim kullanacaksak bu kez aynı kod için background="resim" şeklinde bir özellik kullanıyoruz.
<body background="arkaplan.jpg">
Burada belirtilen resim arkaplanda döşeli olarak çıkacaktır. Bu iki özelliği aynı zamanda Tablo sütunları ve DIV layerlar gibi birçok alanda kullanabilirsiniz.
1 yorum
Mustafa Sezer Official: Html Ile Sayfaya Resim Ve Arkaplan Ekleme >>>>> Download Now
YanıtlaSil>>>>> Download Full
Mustafa Sezer Official: Html Ile Sayfaya Resim Ve Arkaplan Ekleme >>>>> Download LINK
>>>>> Download Now
Mustafa Sezer Official: Html Ile Sayfaya Resim Ve Arkaplan Ekleme >>>>> Download Full
>>>>> Download LINK