HTML'de Çizgi Nasıl Eklenir? - WikiHow

Có thể bạn quan tâm

Anasayfa
Rastgele
Makaleleri Tara
wikiHow Hakkında

Giriş yap / Kaydol

Terms of UseHTML'de Çizgi Nasıl Eklenir?

Makaleyi İndir Ortak yazarlar wikiHow Kadrosu

Makaleyi İndir X

Bu makale editörler ve araştırmacılardan oluşan, makalenin doğruluğu ile kapsamlılığını onaylayan, eğitimli bir ekip tarafından ortaklaşa yazılmıştır. wikiHow’ın İçerik Yönetim Ekibi, yüksek kalite standartlarımızın sağladığından emin olmak için, editör ekibimizden gelen her çalışmayı dikkatli bir şekilde denetler. Bu makale 20.157 defa görüntülenmiştir.

Bu Makalede: HTML 4.01 Kullanarak CSS/HTML5 Kullanarak İlgili Makaleler Referanslar

Bu wikiHow makalesi HTML’de yatay bir çizginin nasıl oluşturulacağını öğretir. Yatay bir çizgi, internet sitendeki içeriği ayırmak için kullanılabilir. Bir çizgi oluşturmanın kodu oldukça basittir. Ancak, çizgini biçimlendirmek için HTML 4.01’de satır için kod ekleyebilirsin. HTML5’te çizgini biçimlendirmek için CSS kullanman gerekir.[1]

Adımlar

Yöntem 1 Yöntem 1 / 2:

HTML 4.01 Kullanarak

Makaleyi İndir

1 Yeni bir HTML belgesi aç ya da oluştur. HTML belgeleri Not Defteri gibi bir metin düzenleyicisi ile düzenlenebilir. Ayrıca Adobe Dreamweaver gibi bir kod düzenleyicisi de kullanabilirsin. Bir HTML belgesini tercih ettiğin programda açmak için aşağıdaki adımları kullan:
- Not Defterini ya da tercih ettiğin metin/kod düzenleyicisini aç.
- Dosya menüsüne tıkla.
- Aç’a tıkla.
- Bir HTML dosyası seç.
- Aç’a tıkla
2 Çizgi eklemek istediğin noktayı seç. Çizgi eklemek istediğin satırın üzerindeki satırı bulana kadar sayfayı kaydır, ardından imleci satır başlangıcının hemen önüne yerleştirmek için satırın en soluna tıkla.
3 Bir boşluk oluştur. Çizgiyi eklemek istediğin satırdaki metni aşağı taşımak için iki kez ↵ Enter tuşuna bas, ardından imleci yukarıdaki boş alana taşı.
4 "<hr>" etiketini ekle. Satırın başındaki boşluğa <hr> yaz. <hr> etiketi tüm sayfa boyunca yatay bir çizgi oluşturmaktan sorumludur.
5 "hr" etiketinin önündeki satırı yeni bir satıra taşı. Bunu yapmak için ↵ Enter tuşuna bas. Bu noktada, <hr> etiketi kendi satırında olmalıdır.
6 Yatay çizgiye özellikler ekle (isteğe bağlı). Bir çizgiye, uzunluk, genişlik, renk ve hizalama gibi özellikler ekleyebilirsin. Aşağıdaki kodları, kod parantezindeki "hr" ifadesinden sonra kullan. Aralarına bir boşluk bırakarak bir parantez içine birden fazla özellik ekleyebilirsin.[2] X Kaynağı araştır
- Çizginin kalınlığını değiştirmek için <hr size="#"> yaz. # yerine kalınlık değerini gir (ör., size="10").
- Çizgi genişliğini değiştirmek için <hr width="#"> yaz. # yerine piksel genişlik değerini ya da sayfa genişliği yüzdesini gir (ör., width="200" veya width="75%").
- Çizginin rengini değiştirmek için <hr color="#"> yaz. # yerine rengin adını ya da onaltılı kodu gir (ör., color="red" veya color="#FF0000")
- Çizgiyi hizalamak için <hr align="#"> yaz. # yerine "right" (sağ), "left" (sol), ya da "center" (orta) yaz (ör., <hr width="50%" align="center">).
7 HTML dosyanı kaydet. Bir metin dosyasını HTML belgesi olarak kaydetmek için dosya uzantısını (.txt, .docx) ".html" ile değiştirmen gerekir. HTML belgeni kaydetmek için aşağıdaki adımları kullan:
- Dosya menüsüne tıkla.
- Farklı Kaydet’e tıkla.
- Dosya için "Dosya adı" alanına bir isim yaz.
- Dosya adının sonuna .html yaz.
- Kaydet’e tıkla.
8 HTML dosyanı test et. HTML dosyanı test etmek için dosyaya sağ tıkla ve Birlikte aç’ı seç. Sonra bir internet tarayıcısı seç. "hr" etiketini yerleştirdiğin yerde kalın bir çizgi gözükmeli. HTML kodun şunun gibi görünmelidir:[3] X Kaynağı araştır
Reklam

Yöntem 2 Yöntem 2 / 2:

CSS/HTML5 Kullanarak

Makaleyi İndir

1 Yeni bir HTML belgesi aç ya da oluştur. HTML belgeleri Not Defteri gibi bir metin düzenleyicisi ile düzenlenebilir. Ayrıca Adobe Dreamweaver gibi bir kod düzenleyicisi de kullanabilirsin. Bir HTML belgesini tercih ettiğin programda açmak için aşağıdaki adımları kullan:
- Not Defterini ya da tercih ettiğin metin/kod düzenleyicisini aç.
- Dosya menüsüne tıkla.
- Aç’a tıkla.
- Bir HTML dosyası seç.
- Aç’a tıkla
2 HTML belgene head etiketi ekle. Eğer HTML belgende bir head etiketi yoksa eklemek için aşağıdaki adımları kullan. Head, "<html>" etiketinden sonra ve "<body>" etiketinden önce gelir.
- Belgenin en üstüne <head> yaz.
- İki satır eklemek için iki kez ↵ Enter’a tıkla.
- Head etiketini kapatmak için </head> yaz.
3 Head bölümüne <style type="text/css"> yaz. Style etiketi iki head etiketinin arasında olur. Bu, HTML’ini biçimlendirmek için CSS kodu yazabileceğin bir yer oluşturur.
- Alternatif olarak harici bir stil sayfası kullanabilirsin.
4 hr { yaz. Bu, yatay çizgini biçimlendirmek için kullanacağın CSS etiketidir. Bunu head bölümündeki style etiketinden sonra ya da harici CSS dosyana ekle.
5 "<hr>" etiketin için CSS stillerini ekle. Bunlar "hr {" etiketinden sonra gelir. Yatay bir çizgiyi biçimlendirmek için birçok yol vardır. Aşağıda birkaç örnek göreceksin.
- Çizgi genişliğini ayarlamak için width: ##px; yaz. ## yerine çizgi genişliğinin piksel değerini yaz. Piksel (px) yerine yüzde (%) değerini de kullanabilirsin.
- Çizgi kalınlığını ayarlamak için height: ##px; yaz. ## yerine çizgi kalınlığının piksel değerini yaz.
- Çizginin rengini ayarlamak için background-color: ##; yaz. ## yerine rengin adını ya da diyez (#) işaretinin peşine onaltılı renk kodunu yaz.
- Sağ kenara olan mesafeyi ayarlamak için margin-right: ##px; yaz. ## yerine piksel sayısını ya da "auto" yaz. Çizgiyi sola ya da ortaya hizalamak için "auto" yaz.
- Sol kenara olan mesafeyi ayarlamak için margin-left: ##px;yaz. ## yerine piksel sayısını ya da "auto" yaz. Çizgiyi sağa ya da ortaya hizalamak için "auto" yaz.
- Çizgiye bir üst boşluk ayarlamak için margin-top: ##px; yaz. ## yerine boşluk kalınlığının piksel değerini yaz.
- Çizgiye bir alt boşluk ayarlamak için margin-bottom: ##px; yaz. ## yerine boşluk kalınlığının piksel değerini yaz.
- Çizginin etrafında bir sınır oluşturmak için border-width: ##px; yaz (isteğe bağlı). ## yerine sınır kalınlığının piksel değerini gir.
- Sınır rengini ayarlamak için border-color: ##; yaz (isteğe bağlı). ## yerine rengin adını ya da diyez (#) işaretinin peşine onaltılı renk kodunu yaz.
6 Stil ayarından sonra } yaz. Bu, <hr> etiketin için stil ayarlarını kapatır.
7 HTML belgenin body bölümünde bir yere <hr> yaz. Bu, HTML belgene yatay bir çizgi ekler. HTML’inde <hr> etiketini kullandığın anda CSS stil ayarların hemen uygulanır.[4] X Kaynağı araştır Kodun şunun gibi gözükmelidir:
Reklam

Bununla İlgili wikiHow'lar

Grand Theft Auto (GTA) V'te Kız Arkadaş Nasıl Bulunur?

Herhangi Bir Sitedeki Video Nasıl Ücretsiz İndirilir?

Deep Web'e Nasıl Erişilir? Etrafında Kalpler Olan Emojinin Anlamı Nedir

Kalpli Gülen Yüz Emojisi 🥰 Ne Anlama Gelir??

Instagram Gönderileri Belli Takipçilerden Nasıl Gizlenir?

Bilgisayar Televizyona HDMI ile Nasıl Bağlanır?

Birisinin Numaranı Whatsapp'ına Kaydettiği Nasıl Anlaşılır?

İki El Emojisi 🙌🙏 Ne Anlama Gelir??

Gmail Nasıl Hack'lenir?

SIM'den Telefon Numarası Nasıl Öğrenilir?

Numaranın Engellendiği Nasıl Anlaşılır?

Klavye Nasıl Sıfırlanır?

Sim'lerinin İhtiyaçları Nasıl Doldurulur?

Android'de Ebeveyn Denetimleri Nasıl Devre Dışı Bırakılır? Reklam

Referanslar

↑ https://www.w3schools.com/tags/tag_hr.asp
↑ http://www.myhtmltutorials.com/line.html
↑ https://www.w3schools.com/TAGS/tag_hr.asp
↑ https://love2dev.com/blog/html-horizontal-line/

Bu wikiHow makalesi hakkında

Ortak yazarlar : wikiHow Kadrosu wikiHow Yazarı Bu makale editörler ve araştırmacılardan oluşan, makalenin doğruluğu ile kapsamlılığını onaylayan, eğitimli bir ekip tarafından ortaklaşa yazılmıştır. wikiHow’ın İçerik Yönetim Ekibi, yüksek kalite standartlarımızın sağladığından emin olmak için, editör ekibimizden gelen her çalışmayı dikkatli bir şekilde denetler. Bu makale 20.157 defa görüntülenmiştir. Kategoriler: Bilgisayar ve Elektronik Cihazlar Diğer dillerde İngilizce Arapça Tayca İtalyanca Portekizce Fransızca Vietnamca Çince Rusça Felemenkçe İspanyolca Hintçe Almanca Japonca Endonezce Korece