« Önceki ::

Tablolar

...


Bu HTML kodları içinde en çok önem verilen etikettir. Sayfada gözükse de, gözükmese de düzenleme amacıyla hemen hemen her sayfada tablo kullanılır.



Tablolar









....




Sayfaya bir tablo eklemiş olduk. muzun genişliğinin 600 piksel olduğunu belirtir. … border="0">ise tablonun henüz çerçevesiz olduğuna işarettir. tabloble> etiketinden sonra ilk olarak etiketiyle ilk satırı oluşturuyoruz. Oluşturmak istediğimiz sütun kadar etiketleri arasına metin yada grafik koyabiliriz.etiketi ile oluşturduğumuz satırı bitiriyoruz. İkinci, üçüncü... satırları oluşturmak için aynı yöntemi uyguluyoruz.

etiketi yazıyoruz. ... etiketleri ile sütunları oluşturduktan sonra
Tabloya çerçeve ekledik ve sayfadaki yatay yerini belirledik.


border parametresi çerçevenin kalınlığını belirtir. cellpadding parametresi hücre içi marj değerini belirtir. cellspacing parametresi hücreler arası marjı belirler. align parametresi tabloyu düşey hizalamada kullanılır, align=left sola, align=right sağa dayalı yapar, align=center ortalar.





....


Yukarıdaki kodlarla hücreyi kırmızıya boyamış olduk.
....

Yorum (yok) Yorum yaz!

Parametreler

Tagların ne anlama geldiklerini artık biliyoruz. Komutlar "<" ve ">" işaretleri arasında yazılır ve "tag" adını alırlar. Bir tag parametreler kullanarak biçimlendirilir ve bu parametrelere (" ") tırnak işaretleri arasında değer atanır. Değerle parametre adı arasında eşittir (=) işareti kullanılır. Buraya kadar genel tagları anlattık. Şimdi parametreleri inceleyelim.

color: etiketindeki #000000 ifadesi ise yazının renk değerini belirtir. Genel olarak renk değerleri iki şekilde verilebilir. İlk olarak kullanılmak istenen rengin İngilizce adı ve ikinci olarak o renge karşılık gelen Hex Kodları (Hexadecimal değer). Örneğin: black, blue, fuchsia, gray yazabileceğimiz gibi #000000= siyah, #0000FF=mavi, #FF0000=kırmızı, #FFFF00=sarı, #FFFFFF=beyaz kodlarını da kullanabiliriz. Bu rakamlar RGB (Kırmızı-Yeşil-Mavi) karışımının ifadesidir.
şeklinde bu parametreyi kullanabiliriz.

bgcolor: Arka plan rengini belirleyen parametredir.




etiketinin sayfanın gövde kısmı anlamına geldiğini söylemiştik. yazarsak sayfa arka plan rengi kırmızı olur.

background: Arka plana yerleştirilecek resmin kaynağını belirtir.
şeklinde kullanılır.

align: Kullanıldığı sayfadaki yatay yerini belirler. Bu parametrenin 3 değeri vardır. Bunlar: left, right ve center dir. Left sola, right sağa dayalı olarak gösterilmesini, center ise ortalanmasını sağlar.



valign:
Satırdaki hücrelerin içeriğinin dikey olarak nereye hizalanacağını belirtiyoruz. Kullanıldığı sayfadaki dikey yerini belirler. Bu parametrenin 3 değeri vardır. Bunlar: bottom, middle ve top dır. Bottom aşağıya doğru , top yukarı, middle ortaya konumlandırılacağını belirtir.



border: Çerçeve kalınlığını belirtir.
Border ile resmin çerçeve kalınlığını belirttik.

height: Yükseklik parametresidir.

.......
.......


link: Sayfadaki yazı linklerin rengini belirler.



alink: Link'e tıklandığındaki rengi belirler.
vlink: Daha önce ziyaret edilmiş linklerin rengini belirler.
text: sayfadaki biçimlendirilmemiş yazıların rengini belirler.

target: Bağlantının açılacağı pencereyi belirtmek için kullanılır.
target="_blank" Bağlantı yeni bir pencerede açılır.
target="_self" Bağlantı aynı pencere içerisinde açılır.
target="_top" Bağlantı aynı pencere içerisinde en üstten itibaren açılır.
target="_parent" Açılan bağlantı, o anda açık sayfayı oluşturmuş bir ana sayfa varsa onun yerine konur.
target="çerçeve adı" Frame komutu ile çerçeve oluşturulmuşsa bağlantının adı verilen çerçevede açılmasını sağlar.

Yorum (1) Yorum yaz!

Linkler (Bağlantılar)

Linkler HTML sayfasında oldukça önemli yere sahipler. Bir çok sayfayı bağlantı haline getirebilir, metinlere, resimlere link kazandırabiliriz.

... Komutu ile kullanıcının başka bir dosyaya ulaşmasını sağlayabiliriz.

Resmi görüntülemek için tıklayın bu etiketle resme bağlantı özelliği kazandırdık ve tarayıcıda altı çizili link olarak görüntülenmesini sağladık.

Anasayfaya gitmek için tıklayın Bu komutla sayfaya bağlantı kazandırmış olduk.

Sitemi ziyaret edin Bu komutla siteye bağlantı kazandırmış olduk.

E-posta adresimiz Posta adresinin belirtilmiş olduğu mail programına bağlantı kazandırdık.

Resme bağlantı eklemek.

Şimdi tagı ile tanışalım. Bu tag sayfaya resim gömmek için kullanılır.

şeklinde kullanılır.
Burada resmin kaynağı, genişlik ve yüksekliği belirtilmiştir.
Şimdi bu etikete link kazandıracağız. Bunun için ... etiketinin arasına alıyoruz.

Resim.jpg'ye tıklanınca sayfa.htm açılacak.

Yorum (yok) Yorum yaz!