Yatay Çizgi Ekleme

Yatay Çizgi Etiketi (<hr/>)

Sayfamızda yatay çizgi çizdirmek istediğimiz zaman <hr/> etiketini kullanırız. Bu etiketi kullandığımız yerde aşağıdaki gibi bir yatay çizgi oluşacaktır.


width Niteliği (<hr width="..."/>)

Yatay çizgimizin genişliğini belirtmemizi sağlar.

<hr width="50%"/>

Bu şekilde yazılan yatay çizgi etiketi ekranda aşağıdaki şekilde görüntülenir.


align Niteliği (<hr align="..."/>)

Yatay çizgimizin sayfanın neresinde çizilmesini istediğimizi belirtmek için kullanılır.

<hr width="50%" align="left"/>

Bu şekilde yazılan yatay çizgi etiketi ekranda aşağıdaki sola yaslı olarak görüntülenir.


align niteliği için kullanılabilecek değerler şu şekildedir:

center Varsayılan yerleştirme şeklidir. align niteliği kullanılmaz ise yatay çizgi ekranda merkeze yerleştirilir.
left Yatay çizgi ekranın solunda konumlandırılır.
right Yatay çizgi ekranın sağında konumlandırılır.

noshade Niteliği (<hr noshade/>)

Yatay çizgi varsayılan olarak gölgelendirilmiş biçimde görüntülenir. Bu şekilde görüntülenmesini istemiyorsak noshade niteliğini kullanmalıyız.

<hr noshade/>

Bu şekilde yazılan bir yatay çizgi ekranda aşağıdaki şekilde görüntülenir.


size Niteliği (<hr size="..."/>)

Yatay çizginin kalınlığını değiştirmek için bu nitelikten faydalanırız.

<hr noshade size="20"/>

Bu şekilde yazılan yatay çizgi aşağıdaki şekilde görüntülenir.


Bu sayfada öğrendiğimiz etiket ve niteliklerden oluşan HTML sayfamızın bir örneği aşağıdaki şekildedir: 

    <html>
    <head>
        <meta charset="utf-8" />
        <meta name="keywords" content="HTML,tags,etiketler,yatay çizgi">
        <title>Yatay Çizgi Ekleme</title>
    </head>
    <body>
        <hr />
        <br />
        <hr width="50%" />
        <br />
        <hr width="50%" align="left" />
        <br />
        <hr width="50%" align="left" noshade />
        <br />
        <hr width="50%" align="left" noshade size="20" />
    </body>
</html>

<< Liste Ekleme <<   >> Metin Formatlama Etiketleri >>

Yorumlar

Yorum Gönder