HTML'de yatay çizgiyi aşağıdaki farklı yolları kullanarak belgeye kolayca ekleyebiliriz:
- Html etiketini kullanma
- Dahili CSS'yi Kullanma
Html'yi kullanma
Html belgesine Yatay çizgiyi eklemek istiyorsak Html etiketi , o zaman aşağıda verilen adımları takip etmeliyiz. Bu adımları kullanarak satırı kolayca ekleyebiliriz:
Aşama 1: Öncelikle herhangi bir metin editörüne Html kodunu yazmamız veya mevcut Html dosyasını yatay çizgiyi eklemek istediğimiz metin editöründe açmamız gerekiyor.
Add the Line using Html tags This page helps you to understand how to add the line in Html document. And, this section helps you to understand how to add the line using the Html tags.
Adım 2: Şimdi imleci Html belgesinde satırı eklemek istediğimiz noktaya getirin. Ve sonra şunu kullanmalıyız:
Bu noktada Html etiketi.
<hr>
Aşama 3: Şimdi niteliklerini eklememiz gerekiyor.
Bir çizginin boyutunu, rengini ve genişliğini tanımlayan etiket. Bu nedenle boyut, genişlik ve renk özelliklerini yazmamız gerekiyor.
etiket.
<hr>
Adım 4: Daha sonra bu niteliklerin değerlerini belirtmemiz gerekir.
<hr>
Adım 5: Ve son olarak Html kodunu kaydetmemiz ve ardından dosyayı tarayıcıda çalıştırmamız gerekiyor.
Add the Line using Html tags This page helps you to understand how to add the line in Html document. <hr> And, this section helps you to understand how to add the line using the Html tag.Şimdi Test Edin
Yukarıdaki Html kodunun çıktısı aşağıdaki ekran görüntüsünde gösterilmektedir:
Dahili CSS'yi Kullanma
Html belgesine Internal Stylesheet kullanarak Yatay çizgi eklemek istiyorsak aşağıdaki adımları takip etmemiz gerekmektedir. Bu adımları kullanarak satırı kolayca ekleyebiliriz:
Aşama 1: Öncelikle herhangi bir metin düzenleyicide Html kodunu yazmamız veya mevcut Html dosyasını yatay çizgi eklemek istediğimiz metin düzenleyicide açmamız gerekiyor.
Add the Line using Internal CSS. This page helps you to understand how to add the line in Html document. And, this section helps you to understand how to add the line using the Internal Cascading Style Sheet.
Adım 2: Şimdi imleci başlık etiketinin kapanmasının hemen sonrasına yerleştirmemiz gerekiyor. kafa etiketi Html belgesinin içindeki stilleri tanımlayın ve ardından aşağıdaki blokta gösterildiği gibi etiketleyin. Daha sonra yatay çizgiyi şekillendirmek için hr CSS etiketini yazmamız gerekiyor.
Add the Line using Internal CSS. hr { } Aşama 3: Şimdi hr CSS etiketinin özelliklerini tanımlamamız gerekiyor. Dolayısıyla aşağıdaki blokta farklı nitelikleri tanımlayacağız:
Add the Line using Internal CSS. hr { width: 80%; height: 2px; background-color: pink; margin-bottom: 7px; margin-right: auto; margin-left: auto; margin-top: 9px; border-width: 4px; border-color: blue; } Adım 4: Şimdi şunu yazmamız gerekiyor
Web sayfasındaki yatay çizgiyi göstermek için Html belgesinin gövdesindeki etiket. Ve son olarak Html dosyasını kaydetmemiz ve ardından dosyayı İnternet tarayıcısında çalıştırmamız gerekiyor.
Add the Line using Internal CSS. hr { width: 80%; height: 2px; background-color: pink; margin-bottom: 7px; margin-right: auto; margin-left: auto; margin-top: 9px; border-width: 4px; border-color: blue; } This page helps you to understand how to add the line in Html document. <hr> And, this section helps you to understand how to add the line using the Internal Cascading Style Sheet. Şimdi Test Edin Yukarıdaki Html kodunun çıktısı aşağıdaki ekran görüntüsünde gösterilmektedir:
