HTML dökümanlarına resim koymak için < img > takısı kullanılabilir.
Sözdizimi şöyledir:
<img alt "Cennet-Cehennem Vadisi" src="./resim/cennet_cehennem_vadisi.jpg" />
SRCALTNAMELONGDESCWIDTHHEIGHTALIGNBORDERHSPACEVSPACEISMAP<IMG ...>SRC resmin adresini belirtir. Örneğin,| Kod | Görüntü |
<IMG SRC="./resim/dunya.jpg" ALT="dünya"> |
![]() |
Herhangi bir nedenle tarayıcı resmi göstermediğinde, izleyiciye görünmeyen resim hakkında bilgi vermek için kullanılır.
Örneğin, aşağıdaki kodlarda SRC resmin yerini doğru işaret etmediği için tarayıcı resmi gösteremez; onun yerine ALT için yazılan text görünür:
| Kod | Görüntü |
<IMG src="http://www.etudio.biz/graf/bulut.jpg" |
![]() |
ALIGN = LEFT | RIGHT | TOP | TEXTTOP | MIDDLE | ABSMIDDLE | BOTTOM | ABSBOTTOM | BASELINE
ALIGN
| Kod | Görüntü |
<IMG SRC="./resim/ada.jpg" ALT="Ada" ALIGN=LEFT> |
Programlamaya yeni başlayanlar için, öğrenmenin en iyi yolu kitaplarda yazılan
küçük programları usanmadan yazmak, derlemek ve çalıştırmaktır. Bu küçücük programlar,
bilgisayarın yapabileceği bütün işleri size öğretecektir.
Unutmayınız ki, büyük programlar bu küçücük programların birleşmesiyle oluşur. |
<IMG SRC="./resim/sunset.jpg" ALT="Gün batımı" ALIGN=RIGHT> |
Derleyici kaynak programda sözdizimi (syntax) hatası olduğunda programı derleyemez. Derleyici, derleyemediği her programda, sözdizimi yanlışlarını türlere ayırır ve her yanlış türüne bir kod numarası verir.
Bu kod numaraları, programın düzeltilmesinde (debug) çok işe yararlar. |
ALIGN tarafından işaret edildiği biçimde, text resmin etrafında kayar; resmin sonuna gelince normal genişliğine kavuşur. İstenirse, <BR CLEAR="..."> komutu ile testin akışı resmin sonuna kaydırılabilir:
<BR CLEAR="...">
| Kod | Görüntü |
|
<IMG SRC="./resim/rainbow.jpg" ALT="Gökkuşağı" ALIGN=LEFT>
Algol ve benzeri dillerin etkisiyle 1970 li yıllarda ortaya çıkan yapısal
programlama kavramı Pascal dilinde record, C dilinde struct diye adlandırılan
soyut veri tipini yarattı. <BR CLEAR=ALL>
C# dilinde her şey sınıflar içinde tanımlanır. Dolayısıyla, bazı dillerde önemli rol oynayan global değişkenler ve global fonksiyonlar C# dilinde yoktur. Onun yerine sınıf öğeleri (class member) dediğimiz değişkenler ve metotlar vardır. Sınıfın bir öğesine 'global' rol oynatmak istediğimizde, onu public erişim belirteci ile niteleriz; yani public nitelemeli sınıf öğelerine başka sınıflardan erişilebilir. |
Algol ve benzeri dillerin etkisiyle 1970 li yıllarda ortaya çıkan yapısal
programlama kavramı Pascal dilinde record, C dilinde struct diye adlandırılan
soyut veri tipini yarattı.
C# dilinde her şey sınıflar içinde tanımlanır. Dolayısıyla, bazı dillerde önemli rol oynayan global değişkenler ve global fonksiyonlar C# dilinde yoktur. Onun yerine sınıf öğeleri (class member) dediğimiz değişkenler ve metotlar vardır. Sınıfın bir öğesine 'global' rol oynatmak istediğimizde, onu public erişim belirteci ile niteleriz; yani public nitelemeli sınıf öğelerine başka sınıflardan erişilebilir. |
Eğer text resme çok yakın görünüyorsa, aşağıdaki kodlarla text ile resmin arasında
kalan yatay ve düşey mesafeleri ayarlayabiliriz:
<IMG HSPACE="...">
<IMG VSPACE="...">
ALIGN nitelemesinin aldığı öteki değerler resmi bir satır içine yerleştirir. Satır ile resmin üstü, ortası veya altı hizalanabilir.
| Kod | Görüntü |
<IMG SRC="./resim/cicek.jpg" ALT="çiçekler"> |
Xy
![]() |
TOP
| Kod | Görüntü |
<IMG SRC="./resim/sultan_ahmet_cami.jpg" ALT="img align" ALIGN=TOP> |
Xy
![]() |
TEXTTOP
TEXTTOP
resmin üst kenarını en yüksek harfin üst sınırına hizalar.
Ama bazı tarayıcılarda, TEXTTOP aynen TOP,
koduna denktir.
| Kod | Görüntü |
<IMG SRC="./resim/ishak.jpg" ALT="img align" ALIGN=TEXTTOP> |
xy
![]() |
MIDDLE
Farklı tarayıcılar arasında biraz farklı görüntüler vardır.
| Kod | Görüntü |
<IMG SRC="./resim/zap.jpg" ALT="img align" ALIGN=MIDDLE> |
Xy
![]() |
ABSMIDDLE
| Kod | Görüntü |
<IMG SRC="./resim/ada.jpg" ALT="img align" ALIGN=ABSMIDDLE> |
Xy
![]() |
BOTTOM
| Kod | Görüntü |
<IMG SRC="alignbox3.gif" ALT="img align" ALIGN=BOTTOM> |
Xy
![]() |
Bazı tarayıcılar BOTTOM ile BASELINE takılarını aynı gösterirler.
ABSBOTTOM| Kod | Görüntü |
<IMG SRC="./resim/sultan_ahmet_cami.jpg" ALT="img align" ALIGN=ABSBOTTOM> |
Xy
![]() |
BASELINE
Tarayıcıların çoğu BASELINE ile BOTTOM
kodlarını aynı gösterir.
| Kod | Görüntü |
<IMG SRC="./resim/niagara.jpg" ALT="img align" ALIGN=BASELINE> |
Xy
|