HTML ile Paragraflar Nasıl Oluşturulur?

Artık yazdıklarınızı daha organize hale getirmenin zamanı geldi. Gelin örnek sayfamıza bir satır yazı daha ekleyelim ve neleri değiştirebileceğimizi hep birlikte inceleyelim.

<!DOCTYPE html>
<html>
<head>
      <title>İlk Sayfam</title>
</head>
<body>
      Bu benim ilk web sayfam. 
      Ne kadar heyecan verici!
</body>
</html>

Eğer siz de örnek sayfanızı yukarıdaki hale getirip kaydedip tarayıcınızda açtıysanız, yazdıklarınızın yeni satırdan başlamadığı görmüşsünüzdür. Onun yerine aşağıdaki gibi tek satırlık bir yanıt almış olmalısınız.

Bu benim ilk web sayfam. Ne kadar heyecan verici!

Bunun sebebi tarayıcıların “space” ve “enter” tuşuyla oluşturduğunuz boşlukları tanımamasıdır.

Body elemanı içindeki yazıları aşağıdaki hale getirerek istediğimiz sonuca ulaşalım.

 <p>Bu benim ilk web sayfam.</p> 
 <p>Ne kadar heyecan verici!</p>

“p” etiketi paragraflar için kullanılır. Tarayıcınız da iki ayrı paragrafı tanıyıp buna göre yanıt verdi.

Vurgulama

Bir paragraftaki yazıları em (vurgu) and strong (önem) etiketleri ile vurgulayabilirsiniz.

Genel olarak tarayıcılar em etiketini eğik(italik) ve strong etiketini de kalın(bold) gösterirler.

Ana elemente aşağıdaki satırı ekleyerek siz de etiketleri test edebilirsiniz.

<p>Evet,gerçekten <em>çok</em> heyecanlı. <strong>Uyarı:</strong> heyecan seviyesi yükseliyor.</p>

Eğer bu denediklerinizin sonund aşağıdaki gibi bir sonuç aldıysanız HTML ile ilgili pek çok temel kavramı öğrendiniz demektir.

html-ornek-1

No Comments

Leave a Comment

Please be polite. We appreciate that.
Your email address will not be published and required fields are marked