Data WebMaster
  HTML Metin BiÇiMLendiRMe
 

METİN BİÇİMLENDİRME

 

Bu bölümde öğreneceğimiz etiketler:

 

 

               • Başlık etiketleri: <h1>...<h6>

 

               • Paragraf etiketi: <p>...</p>

 

               • Ortalama: <center>...</center>

 

               • Diğer etiketler: <b>...</b>,<i>...</i>,<u>...</u>

 

   HTML'de metin stillerini üç şekilde belirleyebiliriz:

 
 
 

1.Düzenlemek istediğimiz metnin hemen önüne koyacağımız bir etiketle   biçimleme stili. Buna in-line (aynı satırda) biçimlendirme denir.                          
2.      Sayfanın head (baş) kısmına koyulan stillere body (gövde) bölümden atıf yapılarak
metin biçimleme.
3.      (Embedded-Gömülü biçimlendirme) HTML dosyasının dışında başka bir stil dosyası oluşturarak stil için bu dosyayı kullanma. Buna Cascading Style Sheets-(Yığılmalı Stil Kağıtları) deniyor. Kısaca CSS. Bu teknik bize örneğin yüzlerce sayfanın stilini tek bir stil dosyası ile belirleme gibi geniş imkanlar veriyor.
Birinci metotta her metin için ayrı ayrı stil belirtirken ikinci ve üçüncü metodlarda stil bir defa belirleniyor ve bu stilleri istediğimiz metne  uygulayabiliyoruz
Burada önemli olan bir diğer husus da ilk metodu tüm browserlar sorunsuz yorumlayabiliyor fakat 2. ve 3. metodu Internet Explorer ve Netscape'in son sürümleri (yorum farklılıkları ile beraber) destekliyorlar. Burada konumuz birinci metoda göre biçimlendirmeyi öğrenmek. Başlık etiketlerinden başlıyoruz. Notepad'i açıyor ve şunları yazıyoruz;

 

 
 

<html>
<head>
<title>Başlık Etiketleri</title>
</head>
<body>
<h1>Başlık 1</h1>
<h2>Başlık 2</h2>
<h3>Başlık 3</h3>
<h4>Başlık 4</h4>
<h5>Başlık 5</h5>
<h6>Başlık 6</h6>
</body>
</html>

 

<html>
<head>
<title>Başlık Etiketleri-2</title>
</head>
<body>
<h1><center>Sayfama Hoşgeldiniz </center></h1>
<p>HTML etiketleri ile,</p>
Yazıları
<b>koyu</b>
<i>italik </i>
ve
<u>altı çizili</u>
olarak yazabiliyorum
</body>
</html>

Öğrendiğiniz komutlarla yukarıdaki gibi bir sayfayı nasıl oluşturursunuz?

 

         

 
           Şu ana kadar yazılarımızın font ayarını browser'ın varsayılan fontu'na bıraktık. Bir sonraki konuda, metinlerde istediğimiz fontu nasıl kullanacağımızı                         göreceğiz.  
 
  BuGüN 56 ziyaretçiKişi Siteye Girdi.____ ©2008 Data WebMaster