Html Dersleri-3
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 ile yapılan başlıkH2 ile yapılan başlıkH3 ile yapılan başlıkH4 ile yapılan başlıkH5 ile yapılan başlıkH6 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ü |
|
Birinci paragraf Ikinci paragraf Üçüncü paragraf |
METİNLER
<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ü.