Vaak is het nodig om een nieuwe alinea toe te voegen, maar zonder de lege regel die door de alineatag wordt ingevoegd
Voor sommige tekstfragmenten is de standaard alinea-afstand eenvoudigweg niet geschikt. Dit kunnen inscripties zijn onder afbeeldingen en in tabellen, gedichten, citaten, voetnoten en aantekeningen.
Om regeleinden te forceren, is er een speciale tag voorzien, waarvan de functie is vervat in de naam br (rij afbreken - "een rij breken, regel"). Label
Hypertext Markup Language (HTML) betekent dat alle inhoud die daarop volgt op een nieuwe regel moet beginnen. Indien nodig kunt u meerdere tags achter elkaar toevoegen om de vereiste afstand te bereiken.
Label
Het is niet hoofdlettergevoelig en vereist geen afsluitende tag omdat het een leeg element is, maar het is beter om eraan te wennen om alle tags te sluiten. In XHTML moet de break-tag worden "gesloten" met een backslash.
Voorbeeld van het gebruik van een break-tag
De br-tag in actie< /title></p><p><р>Verzuim op het werk</р></p><p><p>Nergens anders en nooit <br></p><p>Ik was niet zo slecht <br></p><p>De bazen zijn een hebzuchtige horde <br></p><p>Levend aan mij knagen</р></p><p>Verzuim op het werk</p><p>Nergens anders en nooit <br>Ik was niet zo slecht. <br>De bazen zijn een hebzuchtige horde <br>Levend aan mij knagen.</p><h2>Tag-attribuut <br></h2><p>Het enige attribuut dat een html-tag heeft <br>, genaamd Het vertelt de browser wat te doen met de regelomloop als de tekst rond een zogenaamd zwevend element moet lopen, wat bijvoorbeeld een afbeelding kan zijn met een uitlijningsattribuut met behulp van waarden voor rechts/links, of een blok in CSS waaraan de eigenschap float is toegewezen.</p><p>In de XHTML 1.0 / HTML 4.01-specificaties kan het clear-attribuut alleen worden gebruikt met Transitional-, Frameset- en<!DOCTYPE>, anders werkt de code niet.</p><h2>Eigenschappen van tagkenmerk</h2><p>Het effect van het clear-attribuut hangt af van de waarde ervan en de plaatsing van het zwevende element. Het attribuut kan 4 waarden aannemen:</p><p><br clear = "right | left | all | none"></p><p><img src='https://i0.wp.com/fb.ru/misc/i/gallery/21147/458111.jpg' width="100%" loading=lazy loading=lazy></p><p>De linkerwaarde voorkomt dat het links uitgelijnde element terugloopt, waardoor de tekst over de tag struikelt <br>, bevindt zich onder de afbeelding of een ander zwevend element.</p><p>Exact hetzelfde resultaat zal het gevolg zijn van het gebruik van het all-argument, dat nooit rechts of links toestaat.</p><p>De juiste waarde voorkomt dat tekst rond het rechts uitgelijnde element loopt, dus na de tag <br>de tekst heeft geen andere keuze dan om de afbeelding heen te gaan en er naar rechts omheen te stromen.</p><p>De waarde none (“noch de jouwe, noch de onze”) verwijdert over het algemeen alle bevoegdheden van het clear-attribuut en de tag <br>beweegt de lijn stilletjes naar beneden.</p><p>Het clear-attribuut van de tag heeft als zodanig geen standaardwaarde.</p><h2>Label <br>- dit is een zachte overdracht</h2><p>De regeleindetag is erg handig voor het creëren van de noodzakelijke afstand tussen alinea's, waarbinnen hij wordt gebruikt als een zachte scheiding, maar niet als een manier om tekst in alinea's te verdelen.</p><p><img src='https://i1.wp.com/fb.ru/misc/i/gallery/21147/458084.jpg' width="100%" loading=lazy loading=lazy></p><p>U moet zich niet te veel laten meeslepen door de newline-tag voor het opmaken van tekst, omdat de resultaten van het gebruik ervan niet altijd elegant zijn.</p><p>Als u bijvoorbeeld de tag gebruikt <br>Als u regels binnen een alinea wilt afbreken, kan dit ertoe leiden dat er een "kam" in het gebruikersvenster verschijnt als deze kleiner is dan het venster waarop de webmaster zich richtte.</p>
<p>We blijven de mogelijkheden van CSS3 verkennen en tekstterugloop is de volgende stap. Woordterugloop is een zeer nuttige functie omdat de tekst er mooier uitziet op de pagina. Bovendien moet je soms kolommen maken zoals in kranten, en dan ziet de uitlijning naar rechts of links er lelijk uit. Maar als u het over de gehele breedte van de kolom uitstrekt, zal het voor het oog prettiger zijn om dergelijke tekst te lezen. Maar zelfs in dit geval is er zo'n nuance als grote spaties tussen woorden, die er lelijk uitzien. Dit gaan we in deze les corrigeren.</p><p>CSS3-functies:</p><p>Door het artikel te bestuderen dat ik hierboven voor je heb geselecteerd, leer je ook veel nuttige eigenschappen, en leer je over de nieuwe functies van CSS3, waardoor je steeds minder afbeeldingen op de site kunt gebruiken.</p><h2>Maak woordafbreking</h2><h3>Tekst zonder koppeltekens</h3><p>Als iemand niet begrijpt waar we het over hebben, is hier een voorbeeld zonder woordomloop te gebruiken:</p><h3>Met koppeltekens</h3><p>Hier is een voorbeeld waarin we CSS-woordomloop gebruiken:</p><h3>Koel! Hoe doe je dit in code?</h3><p>Ik denk dat iedereen heel goed begrijpt wat we gaan doen. Het is dus tijd om meer te weten te komen over de nieuwe eigenschap die CSS3 heeft!</p><p>En deze eigenschap is zo geschreven: koppeltekens.</p><p>Eenvoudig, nietwaar? Maar elke browser heeft zijn eigen voorvoegsels, dus in de code ziet het er als volgt uit:</p><p>Vergeet niet de tekst over de gehele breedte van het blok uit te rekken met behulp van de eigenschap text-align: justify, anders ziet u niet het gewenste resultaat.</p>
<p>Les 5.</p><h1></h1>
<p>In deze les: <br>1. Laten we kijken hoe we de html-code handiger en gemakkelijker leesbaar voor ons kunnen maken. <br>2. Laten we eens kijken hoe u een tekstregel correct kunt laten doorlopen.</p>
<h2>De html-code handig maken.</h2>
<p>Nu is onze code duidelijk en gemakkelijk te lezen, omdat er weinig tekst en vrijwel geen tags zijn. Wanneer we een complexere pagina maken, zullen er veel tags zijn, dus het zal moeilijk zijn om de juiste te vinden.</p>
<p>Om een warboel aan tags te voorkomen, moet u tags en lijnen in eerste instantie zo rangschikken dat ze visueel gemakkelijker waar te nemen zijn. Wanneer de browser informatie van een HTML-pagina leest, maakt het niet uit hoeveel spaties of lege regels er in de code staan.</p>
<p>Ik heb de tekst in de paginacode gewijzigd ten opzichte van de tekst die we hebben gemaakt, maar dat maakt niet uit. De linker- en rechterafbeelding tonen dezelfde code. Beide opties worden door de browser precies hetzelfde op het beeldscherm weergegeven. Mee eens, het werken met de code aan de rechterkant zal veel gemakkelijker zijn dan met de code aan de linkerkant.</p>
<p>De code waar we naar kijken is heel eenvoudig, maar zelfs nu is het verschil in visuele perceptie merkbaar. Er zijn geen specifieke regels om "de zaken op orde te brengen"; elke meester beslist zelf hoe het voor hem handiger is om te werken.</p>
<h2>HTML-regeleinde. Tag <br>.</h2>
<p>Let op de afbeelding. In de eerste versie is de tekst in één regel geschreven, in de tweede versie in twee regels.</p>
<br><img src='https://i1.wp.com/htmlboss.ru/image/lesson6-2.jpg' width="100%" loading=lazy loading=lazy><p>De browser geeft beide opties hetzelfde weer. De tekst wordt op één regel geschreven:</p>
<br><img src='https://i1.wp.com/htmlboss.ru/image/lesson6-3.jpg' width="100%" loading=lazy loading=lazy><p>Je vraagt waarom is dit? In een van de codes wordt namelijk een deel van de tekst naar een andere regel verplaatst. Het zou logisch zijn als in de browser een deel van de tekst ook naar een andere regel zou worden verplaatst, maar html heeft wat dit betreft zijn eigen logica. <u>Als we een regeleinde maken in de html-code, dan komt dit voor de browser overeen met één spatie</u>(zoals een gewone spatie tussen woorden in tekst). Als we een deel van de tekst niet één regel naar beneden verplaatsen, maar 2 of 3 (willekeurig aantal), dan beschouwt de browser deze afstand nog steeds als één reguliere spatie tussen woorden en wanneer deze op het scherm wordt weergegeven, wordt de tekst in één regel geschreven .</p>
<h3>Tag <br></h3>
<p>Toen we in de derde les kennis maakten met tags, zei ik dat er tags zijn die niet hoeven te worden gesloten. Label <b><br></b> een ervan wordt gebruikt voor regeleinden. <br>Laten we het in code toepassen:</p>
<img src='https://i0.wp.com/htmlboss.ru/image/lesson6-4.jpg' height="298" width="388" loading=lazy loading=lazy><p>We hebben een tag ingevoegd <b><br></b> in onze html-code en wanneer u het bestand nu via de browser start, wordt een deel van de tekst overgebracht naar de volgende regel. <br> * <i>Vergeet niet de wijzigingen op te slaan in Kladblok (Ctrl + S) en de pagina in de browser te vernieuwen (F5).</i></p>
<p>Vlad Merzjevitsj</p>
<p>In tegenstelling tot tekst bij het afdrukken worden op een webpagina zelden koppeltekens gebruikt, omdat we niet strikt gebonden zijn aan het papierformaat. Websites kunnen op verschillende monitoren worden bekeken, met verschillende resoluties, in verschillende besturingssystemen en browsers. Dit alles leidt tot een zodanige combinatie van combinaties dat het onmogelijk is te voorspellen hoe de uiteindelijke tekst er voor de gebruiker uit zal zien. Hierdoor wordt tekst meestal links uitgelijnd en komen koppeltekens in hele woorden voor. Maar toch is woordafbreking in sommige gevallen noodzakelijk, bijvoorbeeld wanneer lange chemische of medische termen worden gebruikt in smalle kolommen van een bepaalde breedte, omwille van de esthetiek. Er zijn niet veel handmatige of automatische manieren om koppeltekens toe te voegen in HTML en CSS, dus ik zal ze allemaal opsommen.</p>
<h2>Een label gebruiken <wbr></h2>
<p>Label <wbr>geïntroduceerd in HTML5 en creëert indien nodig woordomloop. Op die plaatsen waar, volgens de regels van de Russische taal, woordafbreking is toegestaan, voegen we in <wbr>(voorbeeld 1). Als het hele woord in de toegewezen breedte past, zal deze tag zich op geen enkele manier manifesteren en zullen we niet eens op de hoogte zijn van de aanwezigheid ervan. Als het woord niet past, bevindt de browser zich op de locatie van de tag <wbr>creëert een overdracht.</p>
<p>Voorbeeld 1. Label <wbr></p><p>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Overdrachten
Een twaalfde klasse dromer Anzhelika koos na haar afstuderen voor het beroep van ondernemer geproduceerd bestuurder knielen.
