Menü
Bedava
kayıt
ev  /  programlar/br etiketi anlamına gelir. HTML'de satır sonu: br etiketini kullanma

Br etiketi ne anlama geliyor? HTML'de satır sonu: br etiketini kullanma

Metin belgelerini bir tarayıcıda görüntülerken, bir paragraf içindeki satır sonunun konumu, yazı tiplerinin boyutuna ve görünüm alanının boyutuna bağlı olarak otomatik olarak belirlenir. Satır sonları yalnızca sözcük ayırıcı karakterlerde (örneğin boşluklar) gerçekleştirilebilir. Bazen belgelerde, tarayıcı ayarlarından bağımsız olarak uygulanan zorunlu bir satır besleme ayarlamak gerekir. Bunun için zorunlu satır besleme etiketi kullanılır.
karşılık gelen bir bitiş etiketi olmayan. Etiket Ekleme
belgenin gövdesine eklemek, sonraki metnin yeni bir satırın başından itibaren yerleştirilmesini sağlayacaktır. Örneğin, bu yaklaşım, özel liste işaretleme etiketleri kullanmadan liste tipi yapılar oluşturmak için kullanılabilir. Veya örneğin, bu etiket şiirleri vb. görüntülemek için vazgeçilmezdir.

Zorla satır besleme kullanımına bir örnek (Şekil 1.8):

Zorunlu satır beslemeyi kullanma

Karanlık Petrograd'ın üstünde

Kasım sonbahar soğuğu soludu.

Gürültülü bir dalgada acele

Onun ince çitinin kenarında,

Neva bir hasta gibi koştu

Yatağınızda huzursuz.

AS Puşkin. bronz atlı

Pirinç. 1.8. Etiket
satır sonunu zorlamak için kullanılabilir

Paragraf etiketinden farklı olarak

etiketi kullanırken
boş dize oluşturulmaz.

Etiket kullanımı
dikkat gerektirir - tarayıcı, etiketinizle tanışmadan önce bir veya iki kelimelik bir satır beslemesi yapmış olabilir
. Bu, okuyucunun görüntüleyici penceresinin genişliği, belgenizi test ettiğiniz programdaki aynı ayardan daha küçükse gerçekleşir. Bu durumda, bir paragrafın ortasındaki satırda yalnızca bir kelimenin kaldığı ve böylece belgenin düzeninin güzelliğini ihlal ettiği ortaya çıkabilir.

Not

etiketi kullanırken
metni kırmak, bir resmin veya tablonun etrafına sarmak için, metin kaydırmayı durdurmak için SİL seçeneğini ayarlayabilirsiniz. Bununla ilgili daha fazla bilgiyi 3. ve 4. bölümlerde okuyabilirsiniz.

etiketler sen

Bir satır beslemeyi yasaklamak için zıt amacın çalışmasının gerekli olduğu durumlar vardır. Bunun için bir kapsayıcı etiketi var. . Bu etiketle işaretlenen metnin, uzunluğundan bağımsız olarak tek satırda olması garanti edilir. Ortaya çıkan çizgi, tarayıcının görünüm alanının ötesine uzanıyorsa, yatay bir kaydırma çubuğu görünecektir.

Not

Tablo hücrelerinde bulunan metnin devamlılığını sağlamak için özel bir NOWRAP etiketi parametresi vardır. Bununla ilgili daha fazla bilgiyi 4. bölümde bulabilirsiniz.

Bölünmez satır etiketiyle metni işaretleme çok uzun dizeler alabilirsiniz. Bunu önlemek için, okuyucunun tarayıcısına, yalnızca gerektiğinde yapılacak bir satır kesmenin nerede olabileceğini söyleyebilirsiniz ("yumuşak" satır sonu olarak adlandırılır). Bu, etiketi metinde doğru yere yerleştirerek yapılabilir. (Word BReak) etiketi ile aynı olan
, bir kapanış etiketine ihtiyaç duymaz.

Not

Etiket Netscape tarayıcısı tarafından hiç desteklenmez. Microsoft Internet Explorer, bu etiketi yalnızca etiketli metinde tanır .

Genellikle yeni bir paragraf ekleme ihtiyacı vardır, ancak paragraf etiketinin eklediği boş satır olmadan

Bazı metin parçaları için, paragraflar için benimsenen standart aralıklar basitçe uygunsuzdur. Bunlar, resimlerin altında ve tablolarda, şiirlerde, alıntılarda, dipnotlarda ve notlarda yazılar olabilir.

Zorla satır kaydırma için, işlevi adına gömülü olan özel bir etiket sağlanır (satırı kes - "satırı kes, satır"). Etiket
html köprü metni biçimlendirme dili, aşağıdaki tüm içeriğin yeni bir satırda başlaması gerektiği anlamına gelir. Gerekirse, istenen aralığı elde etmek için arka arkaya birkaç etiket koyabilirsiniz.

Etiket
büyük/küçük harf duyarlı değildir ve boş bir öğe olduğu için bir kapanış etiketi gerektirmez, ancak tüm etiketleri kapatmaya alışmak daha iyidir. XHTML'de break etiketi ters eğik çizgi ile "sıkıca kapatılmalıdır".

Break etiketi örneği

br etiketi iş başında< /title></p><p><р>Serviste yürümek</р></p><p><p>Başka hiçbir yerde ve asla <br></p><p>o kadar da kötü değildim <br></p><p>Açgözlü sürünün başkanları <br></p><p>beni canlı canlı kemiriyor</р></p><p>Serviste yürümek</p><p>Başka hiçbir yerde ve asla <br>O kadar da kötü değildim. <br>Açgözlü sürünün başkanları <br>Beni canlı canlı yiyor.</p><h2>etiket özelliği <br></h2><p>Html etiketinin sahip olduğu tek özellik <br>, denir. Metnin, sağ/sol değerleri kullanan bir hizalama özniteliğine sahip bir görüntü veya CSS'de yüzer özellik.</p><p>XHTML 1.0 / HTML 4.01 spesifikasyonlarında clear niteliği yalnızca Transitional, Frameset ve<!DOCTYPE>, aksi takdirde kod çalışmayacaktır.</p><h2>Etiket özelliği özellikleri</h2><p>clear niteliğini uygulamanın etkisi, değerine ve kayan öğenin konumuna bağlıdır. Nitelik 4 değer alabilir:</p><p><br clear = "right | left | all | none"></p><p><img src='https://i2.wp.com/fb.ru/misc/i/gallery/21147/458111.jpg' width="100%" loading=lazy loading=lazy></p><p>Sol değer, sola hizalanmış öğenin kaydırılmasını önler, bu nedenle metin etikette "tökezler" <br>, görüntünün veya diğer kayan öğenin altına yerleştirilecektir.</p><p>Tam olarak aynı sonuç, ne sağa ne de sola asla izin vermeyecek olan all argümanı kullanılarak elde edilecektir.</p><p>Doğru değer, metnin sağa hizalanmış bir öğenin etrafına sarılmasını önler, bu nedenle etiketten sonra <br>metnin, resmin etrafından sağa doğru akıp gitmekten başka seçeneği kalmayacak.</p><p>Hiçbiri değeri ("ne sizinki ne de bizimki") clear özelliğinden tüm yetkiyi tamamen kaldırır ve etiket <br>sessizce satırı aşağı sarar.</p><p>Etiketin clear niteliği için varsayılan bir değer yoktur.</p><h2>Etiket <br>yumuşak bir transfer</h2><p>Satır sonu etiketi, paragraflar arasında gerekli boşlukları oluşturmak için çok kullanışlıdır; burada yumuşak bir kesme olarak kullanılır, ancak metni paragraflara bölme aracı olarak kullanılmaz.</p><p><img src='https://i1.wp.com/fb.ru/misc/i/gallery/21147/458084.jpg' width="100%" loading=lazy loading=lazy></p><p>Sonuçlar her zaman zarif olmadığından, metin biçimlendirme için yeni satır etiketine fazla kapılmamalısınız.</p><p>Örneğin, etiketi kullanırsanız <br>bir paragraf içindeki satırları çevirmek için, bu, web yöneticisinin hedeflediği pencereden daha küçükse, kullanıcının penceresinde bir "tarak" görünmesine neden olabilir.</p> <p>Selamlar. Elbette html'de satır sonları iki şekilde yapılabilir. WordPress görsel düzenleyicisini kullanıyorsanız, tıpkı Microsoft Word veya başka herhangi bir metin düzenleyicide olduğu gibi, otomatik olarak satır sonları ekler. Ancak bazen koddaki metinle çalışmanız gerekir. Html kodunda satır sonu nasıl yapılır?</p> <h2>Hattı aktarıyoruz</h2> <p>Bunun için html'de kısa bir tek etiket var - <br>(kısaltma <b>kırmak</b>). O ne yapıyor? Bu etiketten sonraki tüm metinler yeni bir satırda görüntülenecektir. Mevcut satırda çıktısı için yer olsa bile, yine de sarılacaktır.</p> <h2>br kullanma</h2> <p>Etiketi yalnızca yeni bir paragraf başlatmanız gerekmediğinde kullanmanız gerekir, ancak metni yeni bir satırda görüntülemeniz yeterlidir. Örneğin, bir şiir yazmanız gerekiyor. Bir ayetin her satırını bir paragraf etiketi içine almamak için, her satırın sonuna bir etiket yazabilirsiniz. <br>ve sonra bir sonraki satır aşağı hareket edecektir. İşte bu, çok basit.</p> <p>Etiket, paragraflara alternatif olarak kullanılmamalıdır. Paragraflar arasında bir boş satıra eşit yükseklikte bir girinti oluştuğunu hatırlamakta fayda var. br ile sararken, girinti daha azdır.</p> <h2>Birçok transfer nasıl yapılır?</h2> <p>Ancak, bazı metinlerden sonra daha fazla içerikten büyük bir girinti yapmanız gerekirse. Bunun nasıl yapılacağı için iki seçenek vardır. Birçok br etiketi yazabilirsiniz. Böylece sonsuz sayıda transfer yapabilirsiniz.</p> <p>Ama doğru yapmak daha iyidir. İstediğiniz paragrafa bir stil sınıfı verebilir ve ardından alttan büyük bir girinti ayarlamak için css kullanabilirsiniz.</p><p> <p class = “abzac”>Paragraf</p> </p><p>Abzak( <br>kenar boşluğu-alt: 100px <br> }</p> <p>Bu durumda, alttan girinti 100 piksele ayarlanacaktır. Buna göre, herhangi bir girinti reçete edilebilir.</p> <td style="vertical-align: top;"> <table class="data browser" cellspacing="0" width="100%"><tbody><tr><th>Tarayıcı</th> <td colspan="3" class="browser">Internet Explorer</td> <td colspan="3" class="browser">Netscape</td> <td colspan="3" class="browser">Opera</td> <td class="browser">safari</td> <td class="browser">Mozilla</td> <td colspan="2" class="browser">Firefox</td> </tr><tr><th>sürüm</th> <td>5.5 </td> <td>6.0 </td> <td>7.0 </td> <td>6.0 </td> <td>7.0 </td> <td>8.0 </td> <td>7.0 </td> <td>8.0 </td> <td>9.0 </td> <td>1.0 </td> <td>1.7 </td> <td>1.0 </td> <td>2.0 </td> </tr><tr><th>Desteklenen</th> <td class="yes">Evet</td> <td class="yes">Evet</td> <td class="yes">Evet</td> <td class="yes">Evet</td> <td class="yes">Evet</td> <td class="yes">Evet</td> <td class="yes">Evet</td> <td class="yes">Evet</td> <td class="yes">Evet</td> <td class="yes">Evet</td> <td class="yes">Evet</td> <td class="yes">Evet</td> <td class="yes">Evet</td> </tr></tbody></table><table class="standart" cellspacing="0"><tbody><tr><td class="h">HTML:</td> <td class="yes">3.2 </td> <td class="yes">4 </td> <td class="xh">XHTML:</td> <td class="yes">1.0 </td> <td class="yes">1.1 </td> </tr></tbody></table><h3>Tanım</h3> <p>Etiket <BR>bu etiketin bulunduğu konuma yeni bir satır ayarlar. Paragraf etiketinden farklı olarak <P>BR etiketinin kullanılması, satırdan önce boş bir girinti eklemez. Yeni satır kullanan metin kayan bir öğenin etrafına sarılırsa, etiketin clear parametresini kullanın <BR>sonraki satırı öğenin altından başlatabilirsiniz.</p> <h3>Sözdizimi</h3> <p>Metin <br>Metin</p> <h3>parametreler</h3>clear Metin kayan bir öğenin etrafına sarılırsa tarayıcıya bir sonraki satırı nasıl işleyeceğini söyler. <h3>kapanış etiketi</h3> <p>Gerekli değil.</p> <p>Örnek 1: Bir etiket kullanma <BR></p> <p><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><br> <html><br> <head><br> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"><br> <title>BR etiketi


R.L. Stevenson


Ülkeye yaz geldi

Funda yeniden çiçek açıyor.

Ama yemek yapacak kimse yok

Heather balı.


Bu örneğin sonucu Şekil 2'de gösterilmektedir. 1.

Pirinç. 1. Etiketi kullanırken metnin türü

Etiket parametrelerinin açıklaması

CLEAR parametresi

HTML: 3.2 4 XHTML: 1.0 1.1

Tanım

clear parametresi, metin kayan öğenin etrafına sarılırsa tarayıcıya sonraki satırı nasıl işleyeceğini söyler. Kayan öğe, align parametresi kümesine sahip bir görüntü veya kendisine uygulanan CSS kayan nokta özelliğine sahip bir katmandır.

clear parametresini kullanmanın sonucu, elemanın hizalandığı kenara ve clear argümanının değerine bağlıdır. Bu nedenle, görüntü sola hizalıysa ve etiketin clear parametresinin değeri
tümü veya sola ayarla, ardından etiketten sonraki metin
şeklin altında görüntülenecektir. clear parametresi için başka herhangi bir değer, metnin görüntünün sağına yerleştirilmesine ve etrafına sarılmasına neden olur.

Sözdizimi


Argümanlar

all Öğenin sarılmasını aynı anda sağ ve sol kenarlardan geri alır. left Etiketten sonra öğenin sol tarafındaki akışı tersine çevirir
. sağ Öğenin sağ tarafındaki kaydırmayı geri alır. yok Bu özelliği iptal eder.

Varsayılan değer

CSS analoğu

Örnek 2: Metni Açma





BR etiketi, parametreyi temizle


Lorem ipsum dolor sit amet, conectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.


Gerçek şu ki, vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis vero eros ve accumsan ve iusto odio dignissim qui blandit mevcut değil, aynı zamanda geçerli değil.


Örneğin sonucu Şekil 1'de gösterilmektedir. 2.

Pirinç. 2. Blok etrafındaki metin sarmanın iptali

Not

HTML 4 belirtimindeki clear seçeneğinin kullanımı kullanımdan kaldırılmıştır ve bunun yerine CSS clear - BR öğesi ( clear: Both | left | none | right ) önerilir.

Hepsi veya neredeyse tümü düzende kullanılır. kaçımız, kodu koyarak
düşünüyor: burada gerçekten ona ihtiyaç var mı? Deneyimsiz dizgiciler arasında genellikle bu tür düzenleri görebilirsiniz: menü düzeni

Ayrıca şu harika paragrafları da bulabilirsiniz:

Soru ortaya çıkabilir: site her şeyi tasarım gereği gösteriyorsa, burada yanlış olan nedir? Ve burada öyle değil - atamaları anlamaya bile zahmet etmeyen bir düzen tasarımcısının çok düşük bir yeterliliğinden bahseden bu kabus gibi, çarpık, topal kod.

Uygulamak
paragraf oluşturmak, bir tornavidayla çivi çakmak gibidir (bu da bir araçtır, neden bir çivi çakmıyorsunuz, başka bir tane).

Etiket ne için?
?

02/23/10 güncellemesi - boşluklu "hileler" ile: pre, dikkatli olmanız gerekir, çünkü bu biçimlendirme ile bloğa sığmayan satırlar otomatik olarak yeni bir satıra sarılmaz. Bu özellikle kauçuk tasarımlar için geçerlidir. Ancak bu gibi durumlarda başvuru yapılması gerekir.
.

P ( boşluk: ön; )

Not

Anlamsal düzenin hayranları topluluğu hiç dahil edilmedi
içinde .

Nerede olmamalı
?

  • etiketleri amaçlanan amaçları için kullanın: paragraflar için bu< >, listeler için ve -< >, < >, < >vb.;
  • metni biçimlendirmek ve girintileri ayarlamak için;
  • çizgiler oluşturmak için tek tek öğeleri kullanın (bunun için en uygun olan nötr işaretleme öğeleridir)< >Ve< >).

Bazı pratik örneklere bakalım. Paragraflar:

Yüksek performanslı çözüm, 6,2 Gbps'ye kadar yüksek bant genişliğine sahiptir ve yalnızca ses ve video iletimi için değil, aynı zamanda çevrimiçi oyunlar gibi bant genişliği gerektiren yeni uygulamalar için de idealdir.

SGSN, 1,5 milyona kadar aktif PDP oturumunu destekleyebilir.

P (kenar boşluğu-alt: 12px; )

Birkaç satır telefon numarası: