Bu bir yanlış örnektir

Doğrusu budur

,

,

Bunlardan en büyüğü

, en küçüğü ise

'dır

Paragraflar, Satır boşlukları ve Yatay Çizgiler:

Paragraflar

etiketiyle oluşturulur Paragraf metni

ile

arasında yer alır Örneğin:

Bu bir paragraftır

Paragraf başlatmadan bir satır boşluğu yaratmak için
etiketi kullanılır Örneğin:

Paragrafın ilk satırı
Paragrafın ikinci satırı

Sayfaya (aşağıdaki gibi) yatay çizgi eklemek için

---

etiketini kullanırız

METİNLER



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

etiketi HTML 4 0 'da desteklenmemektedir ama yine de taracıyıcılar etiketi ile yapılmış biçimlendirmeyi destekler Hala pek çok web sayfasında etiketi kullanılmaktadır Başlangıç seviyesi için 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

Renkler :

HTML dokümanlarında renkler ya İngilizce isimleriyle, ya da 16'lık sayı düzenindeki "hexadecimal" değerleriyle belirtilir
En sık kullanılan ve hemen hemen bütün tarayıcıların desteklediği 16 renk aşağıdakilerdir:


body bgcolor="green">

Bu örnekte sayfanın arkaplan rengi yeşil olur

aynı sonucu verir

Örnek :

Font rengi "indigo" oldu Etiketi kapattığımız için tekrar normale döndü

LİNKLER:

Linkler etiketi içinde, href="" komutuyla belirtilir

Örnek:

http://wwwsensizolmuyororg" target="_blank">SensizOlmuyorOrg Ana Sayfası

Bu örnekte bir de target değişkeni verilmiştir Adresi verilen web sayfasının başka bir pencerede açılmasını isterseniz target="_blank" komutunu eklemeniz gerekir Aynı pencerede açılmasını isterseniz ilgili değişkeni target="_top" şeklinde yazabilirsiniz Hiç bir şey yazılmazsa da sayfa aynı pencerede açılır

title değişkenini kullanarak da fare linkin üzerine geldiğinde gözükecek link açıklamasını ekleyebilirsiniz Aşağıdaki örnekte fareyle linkin üzerine gelip beklerseniz Orta Doğu Teknik Üniversitesi yazısını göreceksiniz

http://wwwmetuedutr" target="_blank" title="Orta Doğu Teknik Üniversitesi" >ODTÜ Ana Sayfası

Eğer hazırladığınız dokümanlar arasında bir bağlantı kurmak istiyorsanıiz, etiketini aşağıdaki gibi kullanmalısınız

HTML">Önceki sayfa

Bir e-posta adresine link vermek istiyorsanız:

comtr">E-posta atmak için tıklayın

Bu linke tıklandığında bilgisayarda kurulu varsayılan e-posta okuma programı açılır ve gönderilecek adres bölümünde etiket içinde belirtilen adres yazar

Aynı doküman içinde bağlantı kurmak istersek tutturucu noktaları (anchor points) kullanırız Tutturucu HTML sayfasında bir yer işaretidir İsmi ile bir bölgeyi belirler ve bu tutturucuya bir link verebilirsiniz Bu sayfadaki her konu başlığına bir tutturucu belirlenmiştir Sayfa başındaki listede herhangi bir başlığa tıkladığınızda sayfa içindeki ilgili konu başlığına gider Örnek olarak Resim Ekleme bölümüne gitmek için buraya tıklayabilirsiniz Tutturucuların kullanımı aşağıdaki gibidir

Linkler başlığına aşağıdaki gibi bir tutturucu belirleriz

Linkler

Sayfanın herhangi bir bölümünde yukarıda belirlediğimiz tutturucuya aşağıdaki gibi link veririz

Linklere git

Sağ tarafta bulunan Başa Dön linkleri de bu şekilde hazırlanmıştır

RESİM EKLEME

Resim ekleme:

jpg" />

şeklinde olur Dikkat etmemiz gereken kulanacağımız resmin dizin yapısıdır

Bağımsız Değişkenler :



alt: Resme açıklama vermemizi sağlar Fareyi resmin üstüne getirdiğimizde, alt değişkeninde yazılan açıklama ekranda çıkar Eğer resim açılmazsa, onun yerine açıklama görünür

src : Resim dosyasının kaynağını belirtir

** Eğer web sayfasının arka planında bir imajın çıkması istenirse:

jpg"> şeklinde yazılır

Resimleri linke dönüştürmek için etiketi ile etiketini içiçe kullanırız

http://wwwmetuedutr" target="_blank">jpg" />

Not: Resimlerin width ve height değişkenlerini belirtmeniz sayfanızın yüklenirken şeklinin bozulmasını önler