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

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

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