3. SAYFANIZI BİÇİMLENDİRMEBuraya kadar HTML'nin nasıl calıştığı,
TAGlerin neler olduklarını ve
<HTML>, <HEAD>,<TITLE>
ve <BODY> TAGlarını kullanmayı öğrendiniz. Şimdi sayfanızın daha
estetik görünmesi için kullanacağınız TAGları öğreneceksiniz. Sırayla
sayfanızdaki metni biçimlendirmenizi sağlayacak TAGlara bakalım şimdi:
<P>
Bu TAGın ismi paragraf.
Paragraf TAGı, metninizdeki paragrafın başladığı yerleri belirler. Az önce
hazırladığınız "ilk.html" dosyasına geri dönelim. Eğer bu dosyayı
kapattıysanız yine Notepad'i kullanarak tekrar açın. (Donatılar>Not
Defteri veya Accessories>Notepad Resim 1 ardından Notepad açılınca Dosya
> Aç veya File > Open Resim 2 daha sonra da files of type: All
Files Resim 3 en son
olarak da ilk.html'yi seçip "open"a tıklayın Resim 4).
Simdi bu dosyaya yazdığımız <BODY> den hemen sonra gelen metnin
başına <P> elkeyelim. Paragrafın bittiği yere </P> yazalım.
Sonra da yeniden bir <P> TAGi yazarak yeni bir paragraf
ekleyelim:
<P>Bu yeni paragrafimizin ilk cumlesi.
Simdi
bakalim nasil gorunecek sayfamizda...
Deneyelim gorelim..</P>
Sayfadaki değişikliği tekrar Browser'ımızda izleyelim. Değişikliği
farkedemediyseniz daha uzun bir cümle yazıp tekrar denemelisiniz.
<BR>
Bu TAG metninizi yazarken
alt satıra geçmenizi sağlar. NOTEPAD'de yazarken "enter"a basarak alt
satira geçmeniz HTML de alt satıra geçmeniz anlmına gelmemektedir.
Yazdığınız metin aralıksız olarak uzayıp gider. Alt satıra gecmek
istediğiniz durumlarda <BR> TAGını kullanmanız gerekecektir.
<BR> TAGı açık bir TAGdır. Yani </BR> diye bir kapatma
TAGı yoktur.
Hemen bir örnek verelim:
<P>Artık demir almak günü gelmisse zamandan,
<BR>Meçhule giden bir gemi kalkar bu limandan.
<BR>Hiç
yolcusu yokmuş gibi sessizce alır yol,
<BR>Sallanmaz o kalkısta
ne mendil ne de bir kol.
<BR>Yukarıdaki metni kopyalayıp "ilk.html" dosyanıza yapıştırın.
Sonra Browser'ınızda dosyanızı izleyin. File > Open Resim 1Browse... ilk.html'yi seçin
, OK'ye tıklayın
Sonra aynı metnin
her satırının sonuna <BR> yazarak dosyanızı kaydedin.
Refresh(yenile) yaparak dosyayı yeniden
izleyin..
Farkı
farkettiniz mi?
<B>..</B>
Bu TAG arasında
kalan metnin kalın yazı tipinde (bold) görünmesini sağlar.
<U>..</U>
Bu TAG arasında
kalan metnin altı çizili(underlined) görünmesini sağlar.
<I>..</I>
Bu TAG arasında
kalan metnin italik yazı tipinde görünmesini sağlar.
Hemen örnek verelim:
Aşağıdaki satırları "ilk.html" dosyanıza
Notepad'de ekleyin:
Bu satirda <B>kalin yazi tipi</B>
var.<BR>
Bu satirda da <U>alti cizili yazi
tipi</U> var.<BR>
Ve bu satirda da <I>italik yazi
tipi</I> var.
Hepsini birleştirirsek:
<P>
<B>Artik</B> istedigimiz zaman
<U>kendimize</U> <I> web sayfasi</I> yapabiliriz.
Kolay demiştim.. Kısa bir not düşelim. Yukarıdaki TAGları mutlaka
kapatmalısınız.. (Yani </B> , </U> ya da </I> ile). Aksi
taktirde metniniz istemediğiniz bir biçimde tamamen kalın, altı çizili ya
da italik olabilir.
<H1>..</H1> , <H2>..</H2>,
<H3>..</H3> ve
<H4>..</H4>
Bu TAGlar sayfanızda
ki başlıkları biçimlendirmenizi sağlayan TAGlardır. <H1> En büyük
başlıktır. Sırasıyla <H2>,<H3> ve <H4> gittiçe yazı
büyüklükleri küçülen TAGlardır.
En iyisi biz bunu da deneyelim:
"ilk.html" dosyanıza tekrar
dönüyoruz.
Şimdi dosyanıza aşağıdaki satırları ekleyin.
<H1>Bu en büyük olan yani H1 TAGi</H1>
<H2>Bu bir boy kücügü yani H2 TAGi</H2>
<H3>Bu
daha da kücügü yani H3 TAGi</H3>
<H4>Bu da en kücük olani
yani H4 TAGi </H4>
Sonra Browser'ınızda izleyin..
Bu TAGların ne işe yaradıklarını az
çok anlamış olmalısınız.
Farklı şeyler de deneyebilirsiniz.
| 
