5. <center> </center> Etiketi ;
Kendi yorum aralığında bulunan tüm etiketlerin ekran çıktılarını browser penceresine ekranı ortalayacak şekilde basar.
<center>
....
Burası etiketin yorum aralığı
.....
</center>
...
Burası center etiketinin yorum aralığının dışında
6. <hx> </hx> Başlık Etiketleri
Bu etiketler basit olarak bir başlık kullanmak istediğimiz zaman,
başlığı yazmak için kullanılan etikettir. Etiketin kullanımında “Hx”
ifadesindeki “x” 1 ile 6 arasında değerler alabilen bir tamsayıdır. Bu etiket
ile ekrana basılabilecek en büyük boyutlu yazı <H1> etiketi ile, en küçük
boyutlu yazı <H6> etiketi ile basılır.
Bu etiket ile birlikte bir önceki etiket olan <p>
etiketindeki gibi dört yer belirleme kodu kullanılabilir. Etiketin kullanımı
<h1
align="center">Bu benim en büyük başlığım!</h1> şeklindedir. Etiketin yorum
aralığındaki metin başlık olarak ekrana basılır.
<h1 align="center" style="color:black;">Bu başlıklar gittikçe küçülecek!!!</h1>
<h2 align="center" style="color:blue;">Bu başlıklar gittikçe küçülecek!!!</h2>
<h3 align="center" style="color:navy;">Bu başlıklar gittikçe küçülecek!!!</h3>
<h4 align="center" style="color:green;">Bu başlıklar gittikçe küçülecek!!!</h4>
<h5 align="center" style="color:maroon;">Bu başlıklar gittikçe küçülecek!!!</h5>
<h6 align="center" style="color:purple;">Bu başlıklar gittikçe küçülecek!!!</h6>
Yukarıdaki örneğin istemci çıktısı aşağıdakine benzer olacaktır.
Bu başlıklar gittikçe küçülecek!!!Bu başlıklar gittikçe küçülecek!!!Bu başlıklar gittikçe küçülecek!!!Bu başlıklar gittikçe küçülecek!!!Bu başlıklar gittikçe küçülecek!!!Bu başlıklar gittikçe küçülecek!!! |
7. <b> </b>, <i> </i>, <s> </s>, <u> </u>, <big> </big>, <small> </small>, <tt> </tt>Bunlar yazı tiplerinin nasıl yorumlanacağını belirten etiketlerdir.
<b>kalın</b>, <i>eğik</i>, <s>üzeri çizili</s>, <u>altı çizili</u>,
<small>küçük</small>, <big>büyük</big>, <tt>daktilo yazısı</tt>
kalın,
eğik,
|
8. <sub> </sub>, <sup> </sup>Formül ve benzeri metinleri yazarken kullanılır.
H<sub>2</sub>SO<sub>4</sub> <br>
E = mc<sup>2</sup>
H2SO4
E = mc2 |
9. <hr> Etiketi ;
Ekrana yatay çizgi çizmek için kullanılır. Bu etiketinde <br>
etiketi gibi sonlandırıcısı yoktur. Yani bu etiket bir yorum aralığı belirtmez.
Bu etiket ile tanımlanabilecek üç değişik özellik vardır.
Tablo 1.4. hr etiketi içinde kullanılan kodlar
Girilecek Kod
|
Görevi
|
width = "genişlik"
|
Çizilecek çizginin yatay uzunluğunu belirlemek için
kullanılır.
|
size = "kalınlık"
|
Çizilecek çizginin kalınlığını belirtir.
|
color = "renk"
|
Çizilecek çizginin rengini
belirtir.
|
Bu kod, sayfa genişliğinde kalın ve mavi bir çizgi
<hr width="100%" color="#0000F8" size="4">
çizer.
Bu kod, sayfa genişliğinde kalın ve mavi bir çizgi
çizer.
|
10. <p> </p> ve <br> Etiketi ;
BR etiketinin sonlandırıcısı (</br>) yoktur, yani bir yorum
aralığından söz edilemez. BR etiketi bulunduğumuz satırdan bir satır aşağı
geçmek için kullanılır.
Burada bir metin var
Bir alt satıra geçtiğimi sanıyorum!
Yukarıdaki metin ekran yan yana basılacaktır. Her ne kadar kodu
yazarken satır atlayarak yazmış olsak bile browser bu kodu yorumlarken arada
<br> etiketi olmadığı için bu iki cümleyi yan yana basacaktır. Kodun doğru
kullanımı
Burada bir metin var <br>
Bir alt satıra geçtim!
şeklinde olmalıdır.
<p> ve </p> etiketleri ise paragraf oluşturmak için
kullanılır. P etiketi içinde yine body etiketinde olduğu gibi birtakım
tanımlamalar yapılabilir.
Tablo 1.5. <p> etiketinin bileşenleri
Girilecek Kod
|
Görevi
|
align = "left"
|
Paragrafı sola dayalı olarak yazar.
|
align = "right"
|
Paragrafı sağa dayalı olarak yazar.
|
align = "center"
|
Paragrafı ortalar.
|
align = "justify"
|
Paragrafı sola ve sağa dayalı olarak yazabilmek için sözcüklerin ara
boşluklarını değiştirir.
|
class = "css_etiketi"
|
Önceden tanımlı bir CSS dosyasındaki font-size, color... gibi
özellikleri paragrafa uygular.
|
style = "css:tanımı1;css:tanımı2;..."
|
font-size, color... gibi css tanımlarını paragrafa uygular.
|
<p align="justify">
Burada bir metin var.<br>
Bir alt satıra geçtiğimi sanıyorum! Daha önceki örneğe ek olarak
yazımı bir paragraf içinde yazıyorum.
</p>
Burada bir metin var.
Bir alt satıra geçtiğimi sanıyorum! Daha önceki örneğe ek olarak yazımı bir paragraf içinde yazıyorum. |
11. <pre> </pre> Etiketi ;
Bir kod parçası, bir konsol ekranı alıntısı ya da bir ascii-art gibi
içindeki boşlukların korunmasını gerektiren metinleri görüntülemek için
kullanılır. Web istemciniz, tüm diğer etiketler için yorum aralığındaki fazladan
boşluklarını gözardı ederek metni sarmaladığı halde <PRE> etiketinin yorum
aralığındaki metnin boşluklarını olduğu gibi görüntüler.
<pre>
switch($i){
case "2":
echo "Değeri 2";
break;
case "3":
echo "Değeri 3";
break;
default:
echo "Değeri bilinmiyor";
break;
}
</pre>
Yukarıdaki kodun istemcinizdeki görüntüsü aşağıdakine benzer
olacaktır.
switch($i){
case "2":
echo "Değeri 2";
break;
case "3":
echo "Değeri 3";
break;
default:
echo "Değeri bilinmiyor";
break;
}
|
12. Tanımlama Listeleri <dl> </dl>, <dt> </dt>, <dd> </dd>
Terimler ve açıklamalarını içeren listeler oluşturmakta
kullanılırlar. Bir uygulamanın komut satırı seçeneklerini listelemek ve
altlarında açıklamalarını vermek için kullanışlıdır.
<dt> ve <dd> etiketleri <dl> etiketinin yorum
aralığı içinde kullanılır. <dt> etiketi terim, <dd> etiketi ise
açıklaması için kullanılır. Bir örnekle kullanımı daha kolay anlaşılacaktır.
<dl>
<dt>align = "left"</dt>
<dd>Paragrafı sola dayalı olarak yazar.</dd>
<dt>align = "right"</dt>
<dd>Paragrafı sağa dayalı olarak yazar.</dd>
</dl>
Yukarıdaki kodun istemcinizdeki görüntüsü aşağıdakine benzer
olacaktır.
Paragrafı sağa dayalı olarak yazar.
|
13. Diğer Listeler <ul> </ul>, <ol> </ol>, <li> </li>
Yukarıdaki bölümde anlatılan tanımlama listesinden başka iki tür
liste daha vardır. <ol> etiketi kullanılarak oluşturulan listeler sıralı
listelerdir. Sıralama sayısal, alfabetik ya da romen rakamları ile yapılabilir.
<ul> etiketi ile oluşturulan listelerde ise sıralama elemanı bir grafik
semboldür. <li> etiketi bu etiketlerin yorum aralığında kullanılarak liste
öğeleri verilir.
Bu etiketlerle kullanılabilecek yardımcı kodları aşağıdaki tabloda
belirttim.
Tablo 1.6. Liste kullanımı için yardımcı kodlar
Girilecek Kod
|
Görevi
|
type = "listeleme türü"
|
Bu alanda belirtilebilecek değerleri aşağıda
bir tablo halinde verdim.
|
start = "değer"
|
Sadece <ol> etiketi içindir. Sıralama elemanının başlangıç
değerini belirtmekte kullanılır.
|
value = "değer"
|
Sadece <li> etiketi içindir. Yorum aralığındaki
liste öğesinin numarasını belirtmek amacıyla kullanılır. start = "değer" parametresi ile belirtilen değer, sayısal olmasa bile burada
sayısal bir "değer" belirtilebilir.
|
Sıralamasız liste (<ul>) türü değerleri:
Sıralamasız listlerde liste öğelerini belirtmek için 3 sembol ismi
kullanılır:
-
disc - İçi dolu bir daire görüntüler
-
circle - İçi boş bir daire görüntüler
-
square - İçi dolu ya da boş bir kare görüntüler
Tablo 1.7. Sıralı liste (<ol>) türü değerleri
Türü
|
Sıralama
|
1
|
Onluk tabanda numaralama (1,2,3,4,...)
|
i
|
Küçük rakamlarla romen sayıları (i,ii,iii,iv,...)
|
I
|
Büyük rakamlarla romen sayıları (I,II,III,IV,...)
|
a
|
Küçük harflerle alfabetik (a,b,c,...)
|
A
|
Büyük harflerle alfabetik (A,B,C,...)
|
Örnek:
<ol type="i">
<li> Birinci öğe...</li>
<li> İkinci öğe ...
<ul type="square">
<li>İkinci öğenin bir öğesi...
<li>İkinci öğenin başka bir öğesi...
</ul>
</li>
<li> Üçüncü öğe...</li>
</ol>
Yukarıdaki kodun istemcinizdeki görüntüsü aşağıdakine benzer
olacaktır.
|
