html

Daha önceden de söylediğimiz gibi, HTML kodları çeşitli özellikleri desteklemekte ve bunlarıozellik="deger" tarzı bir kullanımla belirtmekteydik. Şimdi bunu örnekleyelim:



Align özelliği h1, div, td, p gibi anahtarlarda desteklenen sayfa düzeni özelliğidir. Bu değer left (sola), right (sağa) ve center (ortalanmış) olabilir.

Başka bir örnek, tablo kenarlığını tarayıcıya anlatmak:

<table> - bir tablo başlattığımızı anlattık.
<table border="0"> - bir tablo başlattığımızı, aynı zamanda bu tablonun kenarlığı olmadığını (0) anlattık.

Bir özelliği yazarken tırnak işareti ya da ayıraç kullanacaksak dikkat etmemiz gereken nokta kullanmadığımız karakterle özelliği belirtmek. Örneğin:


Bundan sonraki derslerde nesneleri, kullanabileceğiniz özellikleri ile birlikte tanıyacağız.

HTML dosyamızdaki metinleri biçimlendirirken (kalınlık, sağa yatık yazma, vurgu vb.) çeşitli kodlardan yararlanırız. Bunların birbirinden farklı en önemlilerine aşağıdaki listeden ulaşabilirsiniz. Tüm metin biçimlendirme çeşitleri ise aşağıdaki örnekte verilmiştir.

Etiket	Anlamı
<b>	Kalın yazmak.
<i>	Sağa yatık (italik) yazmak.
<u>	Altı çizili yazmak.
<del>	Üstü çizili yazmak.
<sup>	Üs yazmak.
<sub>	Alt hizada yazı yazmak.
<big>	Büyük yazı.
<small>	Küçük yazı.

Yazı Tipi, Yazı Boyutu ve Renk Seçimi

Bunun için <font> kodunu kullanıyoruz. Örneği inceleyelim:



face="yazıtipi" - Yazı tipi, font klasöründeki adıyla yazılır.
size="boyut" - 1-6 arasında bir değerdir.
color="renk" - Yazı rengini burdan belirtiriz. Renklerle ilgili bilgi verilecek..

Bazı karakterler HTML dilinde çeşitli anlamlara gelebilmektedir. Örneğin (<) karakteri bir HTML kodunun başladığını anlatır ve bunu düz metin kısmında kullanmak kodlamalarda soruna yol açabilir. Böyle durumlarda (&) ya da (#) ile başlayan ve (;) ile biten bazı özel kelimelerden yararlanarak özel karakterleri kullanmalıyız.

Kaynak koduna baktığımızda bunlar &lt; şeklinde görülmektedir. Fakat tarayıcının (<) işaretini oluşturduğunu görürüz.

Gözardı Edilemez Boşluklar

Normalde HTML dilinde boşluk ( ) karakterleri bazı özel durumlar hariç sayılmaz. Yani 10 tane boşluk kullanmış da olsanız bu tarayıcı tarafından boşluk yokmuş gibi algılanır. Bu durumu da özel karakterlerle halledebiliriz. Böyle bir durumda boşluk bırakmak için kullanacağımız metin (&nbsp;)'dir. Aşağıda iki farklı örnekte birinde 10 tane boşluk karakteri, diğerinde 10 tane &nbsp;kullanıldı.

Bu 10'luk standart boşluk.
          Bu 10'luk özel boşluk

Hedef	Tanım	Kullanım
(Boşluk)	Boşluk vermeye yarar.	 
<	Küçüktür işareti.	&lt;
>	Büyüktür işareti.	&gt;
&	Ve işareti.	&amp;
"	Tırnak.	&quot;
'	Ayıraç.	&#39;

Bunun dışında fazla kullanılmamakla birlikte © (&copy;), ® (&reg;) gibi işaretlerinde özel kullanım şekilleri vardır. Bunların tamamı HTML Entities olarak geçer.

ir HTML dosyasında tablo oluşturmak için 3 temel kodu bilmemiz yeterli:

Kod	Anlamı
<table>	Tabloya başlamak.
<tr>	Satıra başlamak.
<td>	Sütuna başlamak.

Burada dikkat edilmesi gereken birkaç nokta var. Birincisi mutlaka satırlardaki sütun sayıları eşit olmalıdır. Eğer iki sütunu birleştireceksek colspan="" ya da iki satırı birleştireceksek rowspan=""özelliğini td kodu içerisinde kullanarak tırnak işareti arasına kaç sütun ya da satır birleştiğini yazmamız gereklidir.



Dikkat edilirse rowspan="2" kullandığımız satırdan sonra sadece tek sütun kullandık. Bu da satır 3, sütun 2'yi oluşturdu. Bu sayılarda yapacağınız yanlışlık tabloda görünümde sorunlar çıkaracaktır.

Tablo Özellikleri

Özellik	Anlamı
border="0"	Tablo kenarlığı boyutu.
cellspacing="0"	Sütunlar arası kenarlık boşluğu.
cellpadding="0"	Satırlar arası kenarlık boşluğu.
width="genislik"	Tablo genişliği. Piksel ya da yüzde olarak ifade edilebilir.
class="stil"	Tablo stili belirtilebilir (CSS bölümünde açıklanıyor).

TD (Sütun) Özellikleri

Özellik	Anlamı
align="hiza"	Kutu hizası, left, right, center kullanılabilir.
width="genislik"	Tablo genişliği. Piksel ya da yüzde olarak ifade edilebilir.
height="yukseklik"	Tablo yüksekliği. Piksel ya da yüzde olarak ifade edilebilir.
class="stil"	Tablo stili belirtilebilir (CSS bölümünde açıklanıyor).

NOT: Eğer bir sütuna hiçbir şey yazmadan boş bırakırsak sütun görünmeyecektir. Bu sorunu çözmek için &nbsp; kullanarak kutuda boşluk karakterine yer verirseniz kenarlıkların göründüğünü göreceksiniz.