,

, . . .

. Bunlardan en büyüğü

, en küçüğü ise

'dır.

HTML etiketi Etiketin Web Sayfasındaki görüntüsü

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

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 etiketiyle oluşturulur. Paragraf metni ile arasında yer alır. Örneğin:

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

Sayfaya (aşağıdaki gibi) yatay çizgi eklemek i`çin` etiketini kullanırız.

HTML etiketi Etiketin Web Sayfasındaki görüntüsü

`Alt satır`

Birinci paragraf

İkinci paragraf

Üçüncü paragraf

Birinci paragraf

Ikinci paragraf

Üçüncü paragraf
Alt Satır

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.

Etiket	Açıklama	Uygulama
`. .`	Kalın biçimlendirme	Metin
`. .`	İtalik biçimlendirme	Metin
`. .`	Altı çizgili biçimlendirme	Metin
`^{. .}`	Üst simge	X²
`_{. .}`	Alt simge	H₂
`. .`	Bilgisayar kodu biçimi	`Metin`
`. .`	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

Örnek :

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ü.

RESİM EKLEME

Resim ekleme:

ş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:

şeklinde yazılır.

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

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

LİSTELER:

Üç çesit liste vardır:
i. Sıralı Liste(Ordered List):

Örnek:

HTML etiketi Etiketin Web Sayfasındaki görüntüsü

Kavurga
Çekirdek
Mısır
Cips

Bira
Votka
Şarap
Viski
Rakı

Örnekte görüldüğü gibi type değişkeni sıralı listenin türünü belirler. Type değişkeni için aşağıdaki değerlerden biri kullanılabilir:

type: {1, a, A, I, i}

Listeyi start değişkeni ile istediğimiz sayıdan baslatabiliriz:

Örnek:

HTML etiketi	Etiketin Web Sayfasındaki görüntüsü
`Çerezler: Kavurga Çekirdek Mısır Cips`	Çerezler: Kavurga Çekirdek Mısır Cips

ii. Sırasız Liste(Unordered List):

Örnek:

HTML etiketi Etiketin Web Sayfasındaki görüntüsü

Kavurga
Çekirdek
Mısır
Cips

Bira
Votka
Şarap
Viski
Rakı

Benzer şekilde burada da type değişkeni sırasız listenin işaretini belirler. Type değişkeni için aşağıdaki değerlerden biri kullanılabilir:

type:{square, disc, circle}

iii. Tanımlama Listeleri (Definition List):

TABLOLAR

Tablolar

etiketleri arasında oluşturulur.