1~

Minter Coder's Blog

4-Html5 Etiketleri 1 (br,hr,pre,p)

2020-07-10

Arkadaşlar merhabalar bugün sizlerle birlikte br,hr,pre,p etiketlerini göreceğiz. Hemen bi örnekle başlayalım.

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document </title>
</head>
<body>
 
    <p>    <!-- p paragraph (paragraf etiketidir.Bir satırı komple kendisi alır.) -->
       Kerem Kağan.
        Junior Yazılım.
        Pre etiketi sizin yazdığınız şekil direk ekrana yazar.
   </p> 
    <br> <!-- bir satır boşluk yaratır.  -->
    <h2>Junior Yazılım </h2>
    <br>
    <p>Kağan </p> <!-- p paragraph (paragraf etiketidir.Bir satırı komple kendisi alır.) -->
    <hr> <!-- bir satır alta geçip çizgi çizer. -->
    <pre>
        Kerem Kağan.
        Junior Yazılım.
        Pre etiketi sizin yazdığınız şekil direk ekrana yazar.
    </pre>
    <hr>
    
</body>
</html>

Hemen çıktımıza bakalım ve daha sonra açıklamaya başlayalım.

 

Arkadaşlar , <p>etiketi yukarıdan da gördüğünüz ve yazıldığı gibi paragraf etiketidir ve komple bir satırı paragrafa yazacağınız bölüm için kullanılır.

<br> etiketi bir satır alta geçmemizi yarar yani bir satır boşluk atmamıza yarar.

<h2> etiketi bunları önceki dersimizde anlatmıştım. Unutan arkadaşlar için , bunlar heading yani başlık etiketidirler.

<hr> bir satır bölümüne çizgi çizmemize yarar . Yukarıda gördüğünüz gibi Kağan ' ın altında çizgi var işte bu <hr> etiketidir.

<pre> etiketi sizin koda yazdığınızın aynısını yazar.<p> etiketinden farkı yukarıda da yazıldığı gibidir.

 

Arkadaşlar gördüğünüz gibi ders bu kadar kısaydı ve inşallah anlaşılmıştır dersi pekiştirmek için videosunu hemen alta atıyorum kesinlikle izleyin , anlamadığınız bir yer olursa yorumlara belirtmeyi unutmayın.