CodeBlanks Logo Icon CodeBlanks

Satır sonu ve yatay çizgi

HTML kursu · Başlangıç · Ders 9/68

<br> ve <hr> etiketlerinin ne zaman kullanılacağını öğrenirsin.

br etiketi nedir?

<br> etiketi (line break), metnin içinde satır kırımı yapar — yani bir alt satıra geçer. Paragraf içinde yeni satır açmak istediğinde kullanılır. Örneğin adres ya da şiir yazarken her satırı yeni bir <p>'ye koymak yerine <br> ile ayırırsın.

Önemli: <br> bir boş (void) etikettir. İçine hiçbir şey alınmaz; bu yüzden kapanış etiketi yoktur. </br> yazılmaz.

hr etiketi nedir?

<hr> etiketi (horizontal rule), sayfada bir yatay çizgi çizer. Asıl görevi konu değişikliğini göstermektir — örneğin bir bölümü sonraki bölümden ayırmak.

Tıpkı <br> gibi <hr> de bir boş (void) etikettir. Kapanış etiketi yoktur; içine içerik konmaz. Yalnızca bir ayraç olarak kullanılır. Görsel biçimi CSS ile değiştirilebilir.

Boş (void) etiket nedir?

Boş (void) etiket, içine içerik almayan ve kapanış etiketi olmayan etikettir. <br> ve <hr> bunlara örnektir. Açılış etiketi tek başına yeter — yanına bir şey yazmazsın.

HTML5'te boş etiketleri <br> ya da <br/> biçiminde yazabilirsin. İkisi de geçerli; alışkanlık seçimi. Biz bu kursta <br> biçimini kullanacağız.

Uygulama Adres kartı yaz

Body içine bir adres kartı ekle. İlk <p>'de Ayşe Yılmaz ile Atatürk Cad. 7 satırlarını <br> ile ayır. Sonra bir <hr> çizgi çek. Son olarak bir <p> daha açıp İstanbul yaz.

Örnek çözümü göster
<body>
  <p>Ayşe Yılmaz<br>Atatürk Cad. 7</p>
  <hr>
  <p>İstanbul</p>
</body>

Kendini test et

  1. <br> etiketinin kapanışı (</br>) var mıdır?

    • <br> bir boş (void) etikettir, kapanışı yoktur
    • Her zaman </br> yazılmalı
    • Yalnızca <br/> kullanınca kapanış ister
    • Sadece eski tarayıcılarda kapanış ister
    Cevabı göster

    <br> bir boş (void) etikettir, kapanışı yoktur — Doğru. <br> bir boş (void) etikettir; kapanış etiketi yoktur.

  2. Satır kırımı ekle

    Ad: Ayşe____Soyad: Yılmaz
    Cevabı göster
    Ad: Ayşe<br>Soyad: Yılmaz
  3. Etiketi rolüyle eşleştir

    <br>
    Satır kırımı
    <hr>
    Yatay çizgi
    <p>
    Paragraf
    <h1>
    Ana başlık

Başlangıç bölümündeki tüm dersler