HTML (Sayfa başlığı, başlık ve paragraf kullanımı)

Merhaba arkadaşlar,

Bugün HTML de ilk konumuzu yazacağız. HTML’de sayfa başlığı, başlık ve paragraf kullanımını göstereceğim.

ÖNEMLİ NOT: Bu kodları not defterinden veya notepad++ tarzı programlarda yazdıktan sonra deneme.html olarak kaydetmeliyiz. Kaydedip gelen deneme.html’e tıkladığımızda karşımıza yazdığımız kodların ekran çıktısı gelecektir.


<html>
<head>
<title>Sayfa başlığı</title>
</head>
</html>

1

gördüğünüz gibi ekran çıktısı böyle oldu.

Bundan sonra yapacaklarımız ise başlık ve paragraf oluşturmadır. Beş çeşit sayfa başlık boyutu vardır.

Bunlar <h1>,<h2>,<h3>,<h4>,<h5> dir.

Örnek olarak;

<html>
<body>

<h1>En büyük başlık</h1>
<h2>Büyük başlık</h2>
<h3>Orta büyük başlık</h3>
<h4>Küçük başlık</h4>
<h5>En küçük başlık</h5>

<p>İlk paragraf kullanımı.</p>

</body>
</html>

evet başlık ve paragraf kullanımı için böyle yapıyoruz.
Önemli not: Sayfa başlığını <head>-</head> etiketi içinde, paragraf ve başlıkları <body>-</body> etiketi içinde kullanmalıyız.
Şimdi ekran çıktısına bakalım.

2

Evet ekran çıktımız böyle oldu. Görüldüğü gibi en üstte sayfa başlığımız, farklı boyutlardaki başlıklarımız ve paragraf kullanımımız gözüktü.

Kodlarımızın son hali ise aşağıdaki gibi oldu.


<html>
<head>
<title>
Sayfa başlığı
</title>
</head>

<body>
<h1>En büyük başlık</h1>
<h2>Büyük başlık</h2>
<h3>Orta büyük başlık</h3>
<h4>Küçük başlık</h4>
<h5>En küçük başlık</h5>

<p>İlk paragraf kullanımı.</p>

</body>
</html>

Evet bu yazımızda bu kadardı birdaha ki yazımızda görüşmek üzere ! 🙂

 

 

Sosyal Medyada Paylaş Facebook Twitter Google+

Etiketler: , , , , ,
Eklenme Tarihi: 18 Kasım 2016

Konu hakkında yorumunuzu yazın