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:
- Düzenlemek istediğimiz metnin hemen önüne koyacağımız bir
etiketle biçimleme stili. Buna in-line (satır içi)
biçimlendirme denir.
- Sayfanın head (baş) kısmına koyulan stillere body (gövde)
bölümden atıf yapılarak metin biçimleme. (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 şu
kodları 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>
Sayfanın işleyişine baktığımızda, önce her zaman yapmamız
gerektiği gibi <html>, <head>, <title>
etiketlerini yerleştirdik. Sayfa başlığı olarak "Başlık
Etiketleri"ni seçtik ve sayfanın gövde <body> kısmına
istediğimiz metinleri yazdık ve bu metinleri <h1>'den
<h6>'ya kadar olan biçimlendirme etiketlerinin arasına
aldık. Browser metin biçimleme etiketleri olan <h1>...<h6>
etiketleri arasındaki kelimelere belirli büyüklükler verdi.
Şimdi de kendiniz <h1>...<h6> etiketlerinin yerlerini
değiştirerek alıştırma yapın ve tam olarak bu işin nasıl
olduğunu kavrayın. Hatta iyi bir deneme-yanılma olması açısından
örneğin her seferinde değişik bir etiketi veya sonlandırma
etiketini HTML kodundan silerek ne gibi etkiler oluşturduğunu
gözlemleyin. Denemelerinizin bir kısmında hiçbir değişiklik
olmadığını gözlemleyeceksiniz bunun sebebi, browser'ınızın
otomatik olarak hatayı algılayıp düzeltmesidir.
Diğer etiketleri toplu olarak kullanarak yeni bir HTML
dosyası oluşturalım. Kodlar şu şekilde olsun:
<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>
|
ANASAYFA