BASİT HTML ETİKETLERİ
Başlıklar:
6 çeşit başlık vardır:<h1>, <h2>, . . . <h6>. Bunlardan en büyüğü <h1>, en küçüğü ise <h6>'dır.
| HTML etiketi |
Etiketin Web Sayfasındaki görüntüsü |
|
<h1>H1 ile yapılan başlık</h1>
<h2>H2 ile yapılan başlık</h2>
<h3>H3 ile yapılan başlık</h3>
<h4>H4 ile yapılan başlık</h4>
<h5>H5 ile yapılan başlık</h5>
<h6>H6 ile yapılan başlık</h6>
|
H1 ile yapılan başlık
H2 ile yapılan başlık
H3 ile yapılan başlık
H4 ile yapılan başlık
H5 ile yapılan başlık
H6 ile yapılan başlık
|
Paragraflar, Satır boşlukları ve Yatay Çizgiler:
Paragraflar <p> etiketiyle oluşturulur. Paragraf metni <p> ile </p> arasında yer alır. Örneğin:
<p>Bu bir paragraftır. </p>
Paragraf başlatmadan bir satır boşluğu yaratmak için <br/> etiketi kullanılır. Örneğin:
<p>Paragrafın ilk satırı. <br />Paragrafın ikinci satırı. </p>
Sayfaya (aşağıdaki gibi) yatay çizgi eklemek için <hr> etiketini kullanırız.
| HTML etiketi |
Etiketin Web Sayfasındaki görüntüsü |
|
<p>Birinci paragraf</p>
<p>İkinci paragraf </p>
<p>Üçüncü paragraf
<br />Alt satır </p>
<hr />
|
Birinci paragraf
Ikinci paragraf
Üçüncü paragraf
Alt Satır
|
<font color="red" face="arial" size="3">. . </font>
Color yazı karakterinin rengini, face yazi tipini (arial, verdana, tahoma gibi), size da boyutunu belirler. Size değişkeninde kullanılan rakam 1'den 7'ye kadardır.
<font> etiketi HTML 4. 0 'da desteklenmemektedir ama yine de taracıyıcılar <font> etiketi ile yapılmış biçimlendirmeyi destekler. Hala pek çok web sayfasında <font> etiketi kullanılmaktadır. Başlangıç seviyesi için <font> etiketi kullanmak yeterliyken ilerki seviyeler için stilleri kullanmanız tavsiye edilir. (Bkz: Gelişmiş HTML Dersi Stiller ve Satır İçi Kapsayıcıları Başlıkları)
Font etiketi ile birlikte aşağıdaki tabloda verilen etiketleri kullanarak sayfanızdaki metinleri biçimlendirebilirsiniz.
| Etiket |
Açıklama |
Uygulama |
<b>. . </b> |
Kalın biçimlendirme |
Metin |
<i>. . </i> |
İtalik biçimlendirme |
Metin |
<u>. . </u> |
Altı çizgili biçimlendirme |
Metin |
<sup>. . </sup> |
Üst simge |
X2 |
<sub>. . </sub> |
Alt simge |
H2 |
<code>. . </code> |
Bilgisayar kodu biçimi |
Metin |
<blockquote>. . </blockquote> |
Alinti biçimi |
Metin |
Not: Metin biçimlerken başladığınız etiketi kapatmayı unutmayın.
Renkler :
En sık kullanılan ve hemen hemen bütün tarayıcıların desteklediği 16 renk aşağıdakilerdir:
| Renk |
Renk adi: |
Renk |
Renk adi: |
| |
aqua |
|
black |
| |
blue |
|
fuchsia |
| |
gray |
|
green |
| |
lime |
|
maroon |
| |
navy |
|
olive |
| |
purple |
|
red |
| |
silver |
|
teal |
| |
white |
|
yellow |
Web renkleri ile ilgili ayrıntılı bilgiyi buradan bulabilirsiniz.
Örnek :
<body bgcolor="green">
Bu örnekte sayfanın arkaplan rengi yeşil olur.
<body bgcolor="#008000"> aynı sonucu verir.
Örnek :
<font color="#4B0082"> Font rengi "indigo" oldu. </font> Etiketi kapattığımız için tekrar normale döndü.
HTML dokümanlarında renkler ya İngilizce isimleriyle, ya da 16'lık sayı düzenindeki "hexadecimal" değerleriyle belirtilir.
