HTML KOD DESLERİ

Merhaba arkadaşlar size şimdi Biraz kod eğitimi vericem

1.<html> bu kodu sadece bir kopdun yazı yerine kodun önizlemesi olarak çıkması için bunu kullanırız.Ama çoğu zman bu kullanılmıyor.

2.<hx> hx sadece yazıyı büyütür mesela <h1 align="center" style="color:black;">Yazılar gittikçe küçülecek</h1>

<h2 align="center" style="color:black;">Yazılar gittikçe küçülecek</h2>

<h3 align="center" style="color:black;">Yazılar gittikçe küçülecek</h3>

<h4 align="center" style="color:black;">Yazılar gittikçe küçülecek</h4>

<h5 align="center" style="color:black;">Yazılar gittikçe küçülecek</h5>

<h6 align="center" style="color:black;">Yazılar gittikçe küçülecek</h6>

Yazılar gittikçe küçülecek

3. width = "genişlik"
size = "kalınlık"
color = "renk"

4.<title> bu nu sitenin başlığı için kullanırsın.Örneğin; <title><title/>

5.Tablonun nasıl yapıldığı resimli anlatım

Buraya yazı	Buraya yazı	Buraya yazı
Buraya yazı	Buraya yazı	Buraya yazı

Tek Hücreli Tablo

HTML Kodu

Oluşan Görüntüsü

Burada iki hücrenin içinde de   kullanıldı bunun nedeni nedir sizce?
border=4 değerini arttırırsanız şöyle bir görüntü elde edersiniz.

border=10 yapılmış hali yukarıdaki gibidir.
Burada hangi alanın büyüdüğüne dikkat ediniz.
tabloya width (genişlik) özelliği ekleyip width=200 yapalım.

HTML Kodu

Oluşan Görüntüsü

Tablonun boyu 200 piksel oldu (pikselin ne olduğunu ileriki zamanlarda açıklayalım inşaAllah)
fakat siz pikselin bir uzunluk ölçüsü birimi olduğunu bilmeniz gerekir.
yukarıdaki iki hücresi olan (<td> <td> <td> <td>) tabloya genişlik değeri olarak 200 piksel verdik.
Fakat dikkat ederseniz yüksekliğini belirtmediğimiz halde hücrelerin yaklaşık 30 piksel kadar yüksekliği var.
Yukarıda size hücrelerin içine neden   yazdığımızı sormuştum.

Herhangi bir yazı yazdığımızda hücreye geçerli olan yazı puntosu (büyüklüğü) kadar yükseklik verilir.
Hücrelerin içi boş olduğu için yükseklik verilemeyeceği için   değerini yazmıştık.
Bizim gözümüz orayı boş görse bile   olduğu için tarayıcı orayı dolu kabul eder ve oraya geçerli yazı büyüklüğü kadar yükseklik verir.

Tabloya şimdi de 200 genişlikle birlikte 100 piksel de yükseklik verelim.

HTML Kodu

Oluşan Görüntüsü

Şimdi hücrelerin içine birşeyler yazalım ve zemin rengi verelim.
İstersek tabloya zemin rengi verebileceğimiz gibi hücrelere ayrı ayrı da zemin rengi verebiliriz.
Tabloya zemin rengi verirsek bütün hücrelerin zemin rengini bir seferde vermiş oluruz.

HTML Kodu

Oluşan Görüntüsü

<table border=1 height=100 width=200>
    <tr>
          <td> Web dersleri </td>
          <td>   </td>
    </tr>
</table>

Web dersleri

Dikkat ederseniz tablonun genişlik değeri olan 200 piksel iki hücre arasında dağıtılırken eşit dağıtılmadı ama adaletli dağıtım oldu.
Adaletli dağıtım diyorum çünkü 1. hücremizin ihtiyacı fazla ama ikinci hücrenin ihtiyacı az.

Align dersi

Web dersleri

Dikkat ederseniz web dersleri ifadesini ilk yazdığımızda sola hizalı gösterildi (web tarayıcısı tarafından).
Biz align=left demediğimiz halde (align konusunda hiçbirşey belirtmediğimiz halde sola hizalı yazıldı).
Eğer buna rağmen align=left diye hizalama belirtirsek nedenimiz şu olabilir;
Bazı web sayfası tarayıcılarının geçerli değeri (hiçbir hizalama belirtilmediği durumunda) hizalamaları değişik olabilir.

Biz webmasterlar web sitesi yaptığımızda bir tek tarayıcı için yapmamalıyız.
Birçok tarayıcıyı dikkate alarak web sayfası yaparsak daha başarılı bir sonuç elde etmiş oluruz.

HTML Kodu

Oluşan Görüntüsü

<table width=300 border=1>
    <tr>
          <td bgcolor="yellow"> Web dersleri</td>
          <td>   </td>
    </tr>
</table>

Web dersleri

Bir dahaki dersimizde tablo konusuna devam edeceğiz inşaAllah
Size verebileceğim ödevler şunlar:
align | height | width | bgcolor | border özelliklerine çeşitli değerler vererek aşağıdaki tablo tiplerini çalışınız.
a) 3 satır 4 sutunlu bir tablo
b) 4 satır 1 sutunlu bir tablo
c) 1 satır 1 sutunlu bir tablo
d) 1 sutun 4 satırlı bir tablo

Bir dahaki dersimizde buluşmak dileğiyle hoşça kalın.

HTML<title>