Gyakran szükség van egy új bekezdés hozzáadására, de a bekezdéscímke által beszúrt üres sor nélkül

Egyes szövegtöredékek esetében a bekezdésekhez alkalmazott szabványos intervallumok egyszerűen nem megfelelőek. Ezek lehetnek képek alatti feliratok, táblázatok, versek, idézetek, lábjegyzetek és jegyzetek.

A kényszersoros tördeléshez egy speciális címkét biztosítanak, amelynek funkciója a br nevébe van beágyazva (törősor - "sortörés, sor"). Címke
A html hiperszöveg jelölőnyelv azt jelenti, hogy minden következő tartalomnak új sorban kell kezdődnie. Ha szükséges, több címkét is letehet egymás után a kívánt térköz eléréséhez.

Címke
nem különbözteti meg a kis- és nagybetűket, és nem igényel záró címkét, mert üres elem, de jobb, ha megszokja az összes címke bezárását. Az XHTML-ben a break címkét "szorosan zárni" kell fordított perjellel.

Break címke példa

A br címke működés közben< /title></p><p><р>Séta a szervizben</р></p><p><p>Sehol máshol és soha <br></p><p>Nem voltam olyan rossz <br></p><p>A kapzsi horda fejei <br></p><p>Élve rágcsál</р></p><p>Séta a szervizben</p><p>Sehol máshol és soha <br>Nem voltam olyan rossz. <br>A kapzsi horda fejei <br>Élve eszik meg.</p><h2>Címke attribútum <br></h2><p>Az egyetlen attribútum, amivel a html címke rendelkezik <br>, az úgynevezett Megmondja a böngészőnek, hogy mit tegyen a sortördeléssel, ha a szöveget egy úgynevezett lebegő elem köré kell körbefűzni, például egy képet jobbra/balra értékeket használó igazítási attribútummal, vagy egy olyan CSS-blokkot, amely rendelkezik úszó ingatlan.</p><p>Az XHTML 1.0 / HTML 4.01 specifikációiban a clear attribútum csak Transitional, Frameset és<!DOCTYPE>, különben a kód nem fog működni.</p><h2>Címke attribútum tulajdonságai</h2><p>A clear attribútum alkalmazásának hatása az értékétől és a lebegtetett elem helyétől függ. Az attribútum 4 értéket vehet fel:</p><p><br clear = "right | left | all | none"></p><p><img src='https://i1.wp.com/fb.ru/misc/i/gallery/21147/458111.jpg' width="100%" loading=lazy loading=lazy></p><p>A bal oldali érték megakadályozza, hogy a balra igazított elem burkolódjon, így a szöveg "megbotlik" a címkén <br>, a kép vagy más lebegő elem alá kerül.</p><p>Pontosan ugyanazt az eredményt kapjuk az all argumentum használatával, amely soha nem engedi meg sem a jobb-, sem a baloldalt.</p><p>A megfelelő érték megakadályozza, hogy a szöveg egy jobbra igazított elem köré kerüljön, tehát a címke után <br>a szövegnek nincs más dolga, mint körbejárni a képet, körbefolyva jobbra.</p><p>A none érték ("sem a tied, sem a miénk") teljesen eltávolítja a jogosultságot a clear attribútumból, és a címkéből <br>némán tekeri le a sort.</p><p>A címke clear attribútumához nincs alapértelmezett érték.</p><h2>Címke <br>egy puha átvitel</h2><p>A sortörés címke nagyon hasznos a bekezdések közötti szükséges térköz létrehozásához, amelyen belül lágy törésként használják, de nem a szöveg bekezdésekre osztására.</p><p><img src='https://i1.wp.com/fb.ru/misc/i/gallery/21147/458084.jpg' width="100%" loading=lazy loading=lazy></p><p>Nem szabad túlságosan elragadtatni magát a szövegformázás újsoros címkéjével, mert az eredmény nem mindig elegáns.</p><p>Például ha a címkét használja <br>bekezdésen belüli sorok lefordításához ez egy „fésű” megjelenését okozhatja a felhasználó ablakában, ha az kisebb, mint a webmester által megcélzott ablak.</p> <p>Üdv. Természetesen a html-ben a sortörést kétféleképpen lehet megtenni. Ha használ <a href="https://sukachoff.ru/hu/noutbuki/linux-html-redaktory-luchshie-besplatnye-html-redaktory-dlya-os-linux-vizualnyi-html/">vizuális szerkesztő</a> a WordPress-ből automatikusan sortörést ad hozzá, ahogyan be is <a href="https://sukachoff.ru/hu/windows/standartnye-prilozheniya-windows-7-perechen-standartnyh-programm-na/">Microsoft program</a> Szó vagy bármi más <a href="https://sukachoff.ru/hu/noutbuki/ubuntu-tekstovyi-redaktor-s-podsvetkoi-sintaksisa-luchshie/">szöveg szerkesztő</a>. Néha azonban szöveggel kell dolgoznia a kódban. Hogyan készítsünk sortörést a html kódban?</p> <h2>Áthelyezzük a vonalat</h2> <p>Ehhez a html-ben van egy rövid egyetlen címke - <br>(rövidítése <b>szünet</b>). Mit csinál? A címke utáni összes szöveg egy új sorban jelenik meg. Még ha van is hely az aktuális vonalon a kimenetéhez, akkor is csomagolva lesz.</p> <h2>A br</h2> <p>Csak akkor kell a címkét használnia, ha nem kell új bekezdést kezdenie, hanem egyszerűen új sorban kell megjelenítenie a szöveget. Például le kell írnia egy verset. Annak érdekében, hogy a vers minden sorát ne zárja be egy bekezdéscímkébe, egyszerűen írjon egy címkét minden sor végére <br>majd a következő sor lejjebb kerül. Ennyi, egyszerű.</p> <p>A címkét nem szabad a bekezdések alternatívájaként használni. Érdemes megjegyezni, hogy a bekezdések között egy behúzás jön létre, amelynek magassága egy üres sorral egyenlő. A br-vel burkolva kisebb a behúzás.</p> <h2>Hogyan lehet sok átutalást végrehajtani?</h2> <p>És mi van, ha meg kell tennie néhány szöveges írás után <a href="https://sukachoff.ru/hu/ustrojjstva/otstupy-sverhu-v-css-otstupy-mezhdu-zagolovkom-i-osnovnym-tekstom/">nagy behúzás</a> a további tartalomtól. Ennek két módja van. Sok br címkét írhat. Így végtelen számú átvitelt hajthat végre.</p> <p>De jobb, ha jól csinálod. Adhat stílusosztályt a kívánt bekezdésnek, majd a css segítségével beállíthat egy nagy behúzást alulról.</p><p> <p class = “abzac”>Bekezdés</p> </p><p>Abzac( <br>margó-alsó: 100 képpont <br> }</p> <p>Ebben az esetben az alulról induló behúzás 100 képpontra lesz beállítva. Ennek megfelelően bármilyen francia bekezdés előírható.</p> <td style="vertical-align: top;"> <table class="data browser" cellspacing="0" width="100%"><tbody><tr><th>Böngésző</th> <td colspan="3" class="browser"><a href="https://sukachoff.ru/hu/windows/obnovlenie-eksplorera-11-obnovlyaem-brauzer-internet-explorer-do/">internet böngésző</a> </td> <td colspan="3" class="browser">Netscape</td> <td colspan="3" class="browser">Opera</td> <td class="browser">szafari</td> <td class="browser">Mozilla</td> <td colspan="2" class="browser">Firefox</td> </tr><tr><th>Változat</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>Támogatott</th> <td class="yes">Igen</td> <td class="yes">Igen</td> <td class="yes">Igen</td> <td class="yes">Igen</td> <td class="yes">Igen</td> <td class="yes">Igen</td> <td class="yes">Igen</td> <td class="yes">Igen</td> <td class="yes">Igen</td> <td class="yes">Igen</td> <td class="yes">Igen</td> <td class="yes">Igen</td> <td class="yes">Igen</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>Leírás</h3> <p>Címke <BR>újsort állít be azon a helyen, ahol ez a címke található. A bekezdéscímkével ellentétben <P>A BR címke használata nem ad üres behúzást a sor elé. Ha az újsort használó szöveg egy lebegő elem köré fonódik, akkor a címke clear paraméterével <BR>a következő sort az elem alatt kezdheti.</p> <h3>Szintaxis</h3> <p>Szöveg <br>szöveg</p> <h3>Lehetőségek</h3>clear Megmondja a böngészőnek, hogyan kezelje a következő sort, ha a szöveg egy lebegő elem köré kerül. <h3>Záró címke</h3> <p>Nem szükséges.</p> <p>1. példa: Címke használata <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>Címke BR

R.L. Stevenson

Megérkezett a nyár az országban

Újra virágzik a hanga.

De nincs, aki főzzön

Hanga méz.

Eredmény ezt a példát sem ábra. 1.

Rizs. 1. Szöveg típusa a címke használatakor

Címkeparaméterek leírása

CLEAR paraméter

HTML:

3.2

XHTML:

1.0

1.1

Leírás

A clear paraméter megmondja a böngészőnek, hogyan kezelje a következő sort, ha a szöveg a lebegő elem köré kerül. A lebegő elem egy olyan kép, amely rendelkezik az igazítási paraméterkészlettel, vagy egy réteg, amelyre alkalmazva van css tulajdonságúszó .

A clear paraméter használatának eredménye az elem igazításának élétől és a clear argumentum értékétől függ. Tehát, ha a kép balra igazított, és a címke clear paraméterének értéke
állítsa az összesre vagy balra , majd a címke utáni szöveget
ábra alatt jelenik meg. A Clear paraméter bármely más értéke azt eredményezi, hogy a szöveg a kép jobb oldalán helyezkedik el, és körbeveszi azt.

Szintaxis

Érvek

mind Egyszerre visszavonja az elem burkolását a jobb és a bal szélről. left Megfordítja a folyamatot az elem bal oldalán a címke után
. right Visszavonja az elem jobb oldalán lévő burkolást. none Törli ezt a tulajdonságot.

Alapértelmezett érték

CSS analóg

2. példa: Szöveg kicsomagolása

BR címke, paraméter törlése

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

Duis autem dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum falisi nulla zzril delenit doloare teci feuga.

A példa eredménye az ábrán látható. 2.

Rizs. 2. A blokk körüli szöveg tördelésének törlése

jegyzet

A clear paraméter használata a HTML 4 specifikációban elavult, és helyette javasolt. css elem tiszta - BR ( tiszta: mindkettő | bal | nincs | jobb ).

Az összes vagy majdnem mindegyik használatos az elrendezésben. Hányan vagyunk, beírva a kódot
azt gondolja: tényleg szükség van ide? A tapasztalatlan betűszedők között gyakran találkozhatunk ilyen jellegű elrendezésekkel: menüelrendezés

És ezeket a csodálatos bekezdéseket is megtalálhatod:

Felmerülhet a kérdés: ha az oldal mindent tervszerűen megjelenít, akkor mi a baj? És nem így van itt - ez a rémálomszerű, görbe, sántító kód, amely egy olyan tördelőtervező nagyon alacsony képzettségéről beszél, aki nem is vette a fáradságot, hogy kitalálja a feladatokat.

Alkalmaz
a paragrafusképzéshez olyan, mint egy csavarhúzóval szögeket kalapálni (ez is egy eszköz, miért nem kalapál szöget, egy másik).

Mire való a címke?
?

frissítés 02/23/10 - "trükkökkel" szóközzel: előre, vigyázni kell, mert ezzel a formázással a blokkba nem illeszkedő sorok nem kerülnek automatikusan új sorba. Ez különösen igaz a gumi kivitelekre. Ilyen esetekben azonban jelentkezés szükséges
.

P ( szóköz: elő; )

A jegyzet

A szemantikai elrendezés rajongóinak közössége egyáltalán nem szerepelt
V .

Ahol nem kellene
?

használja a címkéket a rendeltetésüknek megfelelően: a bekezdéseknél ez az< >, listákhoz és -< >, < >, < >stb.;
szöveg formázásához és behúzások beállításához használja a következőt: , ;
használjon egyedi elemeket a vonalak létrehozásához (ehhez a semleges jelölőelemek a legalkalmasabbak< >És< >).

Nézzünk néhány gyakorlati példát. Bekezdések:

A nagy teljesítményű megoldás nagy áteresztőképesség- 6,2 Gbps-ig, és nem csak hang- és videoátvitelre ideális, hanem új, sávszélességet igénylő alkalmazásokhoz is, például online játékokhoz.

Az SGSN akár 1,5 millió aktív PDP munkamenetet is képes támogatni.

P (margó-alsó: 12 képpont; )

Több sor telefonszám:

5. lecke

Ebben a leckében mi:
1. Tanuld meg elkészíteni html kódot kényelmesebb és könnyebben olvasható volt számunkra.
2. Találjuk ki, hogyan kell helyesen tördelni egy szövegsort.

A html kód felhasználóbaráttá tétele.

Mostantól a kódunk világos és könnyen olvasható, mivel kevés szöveget és szinte semmilyen címkét nem tartalmaz. Ha összetettebb oldalt készítünk, akkor sok lesz a címke, így nehéz lesz megtalálni a megfelelőt.

A címkék zűrzavarának elkerülése érdekében először úgy kell elrendeznie a címkéket és sorokat, hogy vizuálisan könnyebben észlelhetők legyenek. Amikor a böngésző információkat olvas be a html oldalak, nem mindegy, hány szóköz és hány üres sorok kódban.

Az oldal kódjában megváltoztattam a szöveget az általunk létrehozotthoz képest, de ez nem számít. A bal és a jobb oldali ábrák ugyanazt a kódot mutatják. Mindkét lehetőséget pontosan ugyanúgy jeleníti meg a böngésző a monitor képernyőjén. Egyetértek, sokkal könnyebb lesz dolgozni a jobb oldalon látható kóddal, mint a bal oldalival.

Az általunk vizsgált kód nagyon egyszerű, de még most is észrevehető a különbség a vizuális észlelésben. Nincsenek konkrét szabályok a "rend helyreállítására", minden mester maga dönti el, hogyan kényelmesebb neki dolgozni.

Sortörés html. Az <br> címke.

Ügyeljen a rajzra. Az első változatban egy, a második változatban kétsoros szöveget írnak.

A böngésző mindkét lehetőséget ugyanúgy megjeleníti. A szöveg egy sorban lesz írva:

Miért van ez, kérdezed? Valójában az egyik kódban a szöveg egy része átkerül egy másik sorba. Logikus lenne, ha a böngészőben a szöveg egy része is átkerülne egy másik sorba, de a html-nek megvan a maga logikája ebben a tekintetben. Ha sortörést teszünk a html kódban, akkor ez a böngésző számára egy szóköznek felel meg(mint egy normál szóköz a szavak között a szövegben). Ha a szöveg egy részét nem egy sorral lejjebb mozgatjuk, hanem 2-vel vagy 3-mal (bármilyen szám), akkor a böngésző ezt a távolságot továbbra is egy szóköznek tekinti, és amikor megjelenik a képernyőn, a szöveg egy sorba kerül. .

<br> címke

Amikor a harmadik leckében megismerkedtünk a címkékkel, említettem, hogy vannak olyan címkék, amelyeket nem kell lezárni. Címke <br> ezek egyike a vonal megszakítására szolgál.
Alkalmazzuk kódban:

Megcímkéztük <br> html kódunkba, és most, amikor a fájl elindul a böngészőn keresztül, a szöveg egy része átkerül a következő sorba.
* Ne felejtse el menteni a változtatásokat a Jegyzettömbben (Ctrl + S), és frissítse az oldalt a böngészőben (F5).

Tematikus anyagok: