/ / Saut de ligne en HTML: utilisez la balise br

Casser une ligne en HTML: utilisez la balise br

Во время форматирования текста часто возникает besoin d'ajouter un nouveau paragraphe, mais sans la ligne vide insérée par la balise de paragraphe

. De plus, il est parfois nécessaire de conserver exactement la mise en forme du texte précédent, que la balise

annule «catégoriquement». Souvent, vous devez diviser un paragraphe en plusieurs parties logiquement liées.

Pour certains fragments de texte, l'espacement standard des paragraphes n'est tout simplement pas pertinent. Il peut s'agir de légendes sous des images et des tableaux, des versets, des citations, des notes de bas de page et des notes.

balise html br

Pour les sauts de ligne forcés fournisune balise spéciale dont la fonction est intégrée dans son nom br (break row - "break a row, line"). La balise html hypertext markup language
signifie que tout le contenu qui la suit doit commencer sur une nouvelle ligne. Si nécessaire, vous pouvez apposer plusieurs balises d'affilée pour atteindre l'intervalle requis.

La balise
n'est pas sensible à la casse et ne nécessite pasfermeture de la balise car il s'agit d'un élément vide, mais il est préférable de s'habituer à fermer toutes les balises. En XHTML, la balise break doit être "bien fermée" à la barre oblique inverse.

Exemple de balise Break

br tag en action </ title></p><p></head></p><p><body></p><p><p> L'absentéisme au service </p></p><p><p> Nulle part et jamais <br></p><p>Je n'ai pas été si mal <br></p><p>Horde gourmande supérieure</p><p>Me grignote vivant </ p></p><p></html></p><p>Absentéisme au travail</p><p>Nulle part et jamais<br />Je n'ai pas été si mal.<br />Autorités gourmandes horde<br />Me rongeant vivant.</p><h2>Attribut de balise <br></h2><p>Le seul attribut de la balise html<br>, appelé Clear. Il indique au navigateur quoi faire avec la chaîne portable si le texte doit entourer l'élément soi-disant flottant, comme, par exemple, une image avec l'attribut d'alignement en utilisant les valeurs droite / gauche, ou un bloc en CSS qui a la propriété float définie.</p><p>Dans les spécifications XHTML 1.0 / HTML 4.01, l'attribut clear ne peut être utilisé qu'avec Transitional, Frameset et <! DOCTYPE>, sinon le code ne fonctionnera pas.</p><h2>Propriétés d'attribut de balise <strong></strong></h2><p>L'effet de l'utilisation de l'attribut clear dépend de sa valeur et de l'emplacement de l'élément flottant rationalisé par le texte. L'attribut peut prendre 4 valeurs:</p><p><br clear = "right | left | all | none"></p><p><center><img itemprop="image" alt="tag br " class="if" height="406" src="/images/internet/razriv-stroki-v-html-ispolzuem-teg-br_2.jpg" width="450" /></center></p><p>La valeur de gauche empêche le flux autour d'un élément aligné sur le bord gauche, de sorte que le texte, "déclenchement" sur la balise <br>, sera situé sous l'image ou tout autre élément flottant.</p><p>Exactement ce résultat proviendra de l'utilisation de l'argument all, qui ne permettra jamais au texte de circuler autour de l'image, ni à droite ni à gauche.</p><p>La valeur droite empêche le texte de circuler autour de l'élément aligné à droite, donc après la balise <br> il ne restera plus rien pour le texte que de contourner l'image et de le contourner vers la droite.</p><p>Une valeur nulle ("ni la vôtre ni la nôtre") supprime généralement toutes les autorisations de l'attribut clear, et la balise <br> enveloppe silencieusement la ligne vers le bas.</p><p>Par défaut, en tant que tel, l'attribut clear de la balise est manquant.</p><h2>Tag <br> est un transport doux</h2><p>La balise de saut de ligne est très pratique pour créer les intervalles nécessaires entre les paragraphes, à l'intérieur desquels elle est utilisée comme trait d'union, mais pas comme moyen de diviser le texte en paragraphes.</p><p><center><img itemprop="image" alt="html balisage hypertexte br tag signifie " class="if" height="268" src="/images/internet/razriv-stroki-v-html-ispolzuem-teg-br_3.jpg" width="600" /></center></p><p>Ne vous laissez pas emporter par la balise de saut de ligne pour le formatage du texte, car les résultats de son application ne sont pas toujours élégants.</p><p>Par exemple, si vous utilisez la balise <br> pour traduire des lignes dans un paragraphe, cela peut entraîner l'apparition d'un "peigne" dans la fenêtre de l'utilisateur s'il est plus petit que la fenêtre sur laquelle le webmaster s'est concentré.</p> </div> <center><ins data-zxname="zx-adnet" data-zxadslot="ZX-TWSTNV" data-zxw="0" data-zxh="0" data-overlay="false" ><script type="text/javascript" src="https://cdn.zx-adnet.com/adx/twstnv_19091901.js"></script></ins></center> <div class="ya-share2" data-services="facebook,gplus,twitter,blogger,digg,evernote,linkedin,lj,pocket,viber,whatsapp,skype,telegram"></div> <div class="hblock cf related_news_block"> <h4>Lire aussi</h4> <div class="related_news_post"> <a href="https://davidgarlandjones.com/fr/kompyutery/63550-chto-takoe-v-html-header.html"> <span class="related-news post_img"><img src="/images/kompyuteri/chto-takoe-v-html-header_2.jpg" /></span> <span>Quel est l'en-tête HTML?</span> </a> </div><div class="related_news_post"> <a href="https://davidgarlandjones.com/fr/kompyutery/62759-nachinayuschim-veb-programmistam-php-dlina-stroki.html"> <span class="related-news post_img"><img src="/images/kompyuteri/nachinayushim-veb-programmistam-php-dlina-stroki_3.jpg" /></span> <span>Programmeurs Web PHP débutants: longueur de chaîne</span> </a> </div><div class="related_news_post"> <a href="https://davidgarlandjones.com/fr/kompyutery/62126-kak-v-vorde-sortirovat-po-alfavitu-spiski.html"> <span class="related-news post_img"><img src="/images/kompyuteri/kak-v-vorde-sortirovat-po-alfavitu-spiski_2.jpg" /></span> <span>Comment trier les listes par ordre alphabétique dans Word</span> </a> </div><div class="related_news_post"> <a href="https://davidgarlandjones.com/fr/kompyutery/60410-sozdaem-beguschuyu-stroku-html.html"> <span class="related-news post_img"><img src="/images/kompyuteri/sozdaem-begushuyu-stroku-html_5.jpg" /></span> <span>Créer une ligne de fuite HTML</span> </a> </div><div class="related_news_post"> <a href="https://davidgarlandjones.com/fr/kompyutery/59230-vydelyaem-tekst-zhirnyy-shrift-html-posobie-dlya-nachinayuschih.html"> <span class="related-news post_img"><img src="/images/kompyuteri/videlyaem-tekst-zhirnij-shrift-html-posobie-dlya-nachinayushih_3.jpg" /></span> <span>Sélectionnez le texte. Police en gras. Tutoriel HTML pour les débutants</span> </a> </div><div class="related_news_post"> <a href="https://davidgarlandjones.com/fr/kompyutery/58606-instrukciya-kak-sdelat-razryv-tablicy-v-word.html"> <span class="related-news post_img"><img src="/images/kompyuteri/instrukciya-kak-sdelat-razriv-tablici-v-word_3.jpg" /></span> <span>Instructions sur la façon de faire une pause dans Word</span> </a> </div><div class="related_news_post"> <a href="https://davidgarlandjones.com/fr/kompyutery/57892-kak-sdelat-krasnuyu-stroku-v-vorde-2007-goda-luchshie-sposoby.html"> <span class="related-news post_img"><img src="/images/kompyuteri/kak-sdelat-krasnuyu-stroku-v-vorde-2007-goda-luchshie-sposobi_6.jpg" /></span> <span>Comment faire une ligne rouge dans Word 2007? Meilleures façons</span> </a> </div><div class="related_news_post"> <a href="https://davidgarlandjones.com/fr/kompyutery/57717-ispolzovanie-html-v-tablice.html"> <span class="related-news post_img"><img src="/images/kompyuteri/ispolzovanie-html-v-tablice_12.jpg" /></span> <span>Utilisation de HTML dans un tableau</span> </a> </div><div class="related_news_post"> <a href="https://davidgarlandjones.com/fr/kompyutery/57448-kak-stavit-probel-html.html"> <span class="related-news post_img"><img src="/images/kompyuteri/kak-stavit-probel-html_3.jpg" /></span> <span>Comment mettre un espace html</span> </a> </div><div class="related_news_post"> <a href="https://davidgarlandjones.com/fr/kompyutery/57286-vertikalnoe-menyu-css-delaem-sami.html"> <span class="related-news post_img"><img src="/images/kompyuteri/vertikalnoe-menyu-css-delaem-sami_4.jpg" /></span> <span>Menu CSS vertical: faites-le vous-même</span> </a> </div><div class="related_news_post"> <a href="https://davidgarlandjones.com/fr/internet/46657-kak-izmenit-cvet-fona-na-sayte.html"> <span class="related-news post_img"><img src="/images/internet/kak-izmenit-cvet-fona-na-sajte_3.jpg" /></span> <span>Comment puis-je changer la couleur d'arrière-plan sur le site?</span> </a> </div><div class="related_news_post"> <a href="https://davidgarlandjones.com/fr/internet/46085-uchimsya-kak-sdelat-ssylku-na-sayt.html"> <span class="related-news post_img"><img src="/templates/tpl/dleimages/no_image.jpg" /></span> <span>Apprendre à faire un lien vers le site</span> </a> </div> </div> </div></div> </div> <aside class="right"> <ins data-zxname="zx-adnet" data-zxadslot="ZX-TWSTNV" data-zxw="0" data-zxh="0" data-overlay="false" ><script type="text/javascript" src="https://cdn.zx-adnet.com/adx/twstnv_19091901.js"></script></ins> <div class="side_block"> <div class="side_header">Nourriture et boisson</div> <div class="top_comments"> <div class="top_comments_header"> <a href="https://davidgarlandjones.com/fr/eda-i-napitki/31907-skolko-eto-3-4-stakana-vody-muki-sahara-i-prochih-osnovnyh-ingredientov.html"> <div class="top_image"> <img src="/images/eda-i-napitki/skolko-eto-34-stakana-vodi-muki-sahara-i-prochih-osnovnih-ingredientov_2.jpg" /> </div> Combien coûte 3/4 tasse: eau, farine, sucre et autres ingrédients de base </a> </div> </div> <div style="clear:both;"></div><div class="top_comments"> <div class="top_comments_header"> <a href="https://davidgarlandjones.com/fr/eda-i-napitki/36703-granadilla-frukt-opisanie-i-foto.html"> <div class="top_image"> <img src="/images/eda-i-napitki/granadilla-frukt-opisanie-i-foto_3.jpg" /> </div> Granadilla - Fruit: description et photo </a> </div> </div> <div style="clear:both;"></div><div class="top_comments"> <div class="top_comments_header"> <a href="https://davidgarlandjones.com/fr/eda-i-napitki/36090-skolko-vesit-litr-meda-vliyanie-vesa-meda-na-kachestvo.html"> <div class="top_image"> <img src="/images/eda-i-napitki/skolko-vesit-litr-meda-vliyanie-vesa-meda-na-kachestvo_2.jpg" /> </div> Combien pèse un litre de miel? Influence du poids du miel sur la qualité </a> </div> </div> <div style="clear:both;"></div><div class="top_comments"> <div class="top_comments_header"> <a href="https://davidgarlandjones.com/fr/eda-i-napitki/30663-mineralnaya-voda-sulinka-sostav-i-polza.html"> <div class="top_image"> <img src="/images/eda-i-napitki/mineralnaya-voda-sulinka-sostav-i-polza_4.jpg" /> </div> Eau minérale "Sulinka": composition et bénéfices </a> </div> </div> <div style="clear:both;"></div><div class="top_comments"> <div class="top_comments_header"> <a href="https://davidgarlandjones.com/fr/eda-i-napitki/37714-belorusskie-draniki-recept-s-foto.html"> <div class="top_image"> <img src="/images/eda-i-napitki/belorusskie-draniki-recept-s-foto_6.jpg" /> </div> Draniki biélorusse: recette avec photo </a> </div> </div> <div style="clear:both;"></div><div class="top_comments"> <div class="top_comments_header"> <a href="https://davidgarlandjones.com/fr/eda-i-napitki/32971-kasha-mannaya-v-mikrovolnovke-prostye-i-bystrye-recepty.html"> <div class="top_image"> <img src="/images/eda-i-napitki/kasha-mannaya-v-mikrovolnovke-prostie-i-bistrie-recepti_5.jpg" /> </div> Porridge semoule au micro-ondes. Recettes simples et rapides </a> </div> </div> <div style="clear:both;"></div><div class="top_comments"> <div class="top_comments_header"> <a href="https://davidgarlandjones.com/fr/eda-i-napitki/40164-konfety-chio-rio-sostav-i-energeticheskaya-cennost.html"> <div class="top_image"> <img src="/images/eda-i-napitki/konfeti-chio-rio-sostav-i-energeticheskaya-cennost_2.jpg" /> </div> Candy "Chio-Rio": composition et valeur énergétique </a> </div> </div> <div style="clear:both;"></div> </div> <div class="side_block"> <div class="side_header">Beauté</div> <div class="top_comments"> <div class="top_comments_header"> <a href="https://davidgarlandjones.com/fr/krasota/64747-laminirovanie-resnic-plyusy-i-minusy-opisanie-procedury.html"> <div class="top_image"> <img src="/images/krasota/laminirovanie-resnic-plyusi-i-minusi-opisanie-proceduri_6.jpg" /> </div> Cils de stratification: le pour et le contre, description de la procédure </a> </div> </div> <div style="clear:both;"></div><div class="top_comments"> <div class="top_comments_header"> <a href="https://davidgarlandjones.com/fr/krasota/64879-idealnyy-cvet-volos-dlya-golubyh-glaz.html"> <div class="top_image"> <img src="/images/krasota/idealnij-cvet-volos-dlya-golubih-glaz_7.jpg" /> </div> Couleur de cheveux parfaite pour les yeux bleus </a> </div> </div> <div style="clear:both;"></div><div class="top_comments"> <div class="top_comments_header"> <a href="https://davidgarlandjones.com/fr/krasota/65740-botoks-dlya-volos-honma-tokyo-otzyvy-parikmaherov.html"> <div class="top_image"> <img src="/images/krasota/botoks-dlya-volos-honma-tokyo-otzivi-parikmaherov_6.jpg" /> </div> Botoma pour les cheveux Honma Tokyo: avis de coiffeurs </a> </div> </div> <div style="clear:both;"></div><div class="top_comments"> <div class="top_comments_header"> <a href="https://davidgarlandjones.com/fr/krasota/64317-tatu-arhangel-osobennosti-znachenie-foto.html"> <div class="top_image"> <img src="/images/krasota/tatu-arhangel-osobennosti-znachenie-foto_3.jpg" /> </div> Tatouage "Archange": caractéristiques, signification, photo </a> </div> </div> <div style="clear:both;"></div><div class="top_comments"> <div class="top_comments_header"> <a href="https://davidgarlandjones.com/fr/krasota/66469-kraska-dlya-volos-brilians-palitra-na-lyuboy-vkus.html"> <div class="top_image"> <img src="/images/krasota/kraska-dlya-volos-brilians-palitra-na-lyuboj-vkus_3.jpg" /> </div> Colorant "Brilliance": une palette pour tous les goûts </a> </div> </div> <div style="clear:both;"></div><div class="top_comments"> <div class="top_comments_header"> <a href="https://davidgarlandjones.com/fr/krasota/66291-kakuyu-smyslovuyu-nagruzku-nesut-religioznye-tatuirovki.html"> <div class="top_image"> <img src="/images/krasota/kakuyu-smislovuyu-nagruzku-nesut-religioznie-tatuirovki_3.jpg" /> </div> Quelle est la signification des tatouages ​​religieux? </a> </div> </div> <div style="clear:both;"></div><div class="top_comments"> <div class="top_comments_header"> <a href="https://davidgarlandjones.com/fr/krasota/65390-komu-idet-temno-pepelno-rusyy-cvet-volos.html"> <div class="top_image"> <img src="/images/krasota/komu-idet-temno-pepelno-rusij-cvet-volos_3.jpg" /> </div> A qui est la couleur des cheveux blond foncé? </a> </div> </div> <div style="clear:both;"></div> </div> <div class="side_block"> <div class="side_header">Menu</div> <div class="tags_widget"> <ul> <li><a href="/fr/avtomobili/">Voitures</a></li> <li><a href="/fr/biznes/">Affaires</a></li> <li><a href="/fr/dom-i-semya/">Maison et famille</a></li> <li><a href="/fr/domashniy-uyut/">Accueil confort</a></li> <li><a href="/fr/duhovnoe-razvitie/">Développement spirituel</a></li> <li><a href="/fr/eda-i-napitki/">Nourriture et boisson</a></li> <li><a href="/fr/zakon/">La loi</a></li> <li><a href="/fr/zdorove/">Santé</a></li> <li><a href="/fr/internet/">Internet</a></li> <li><a href="/fr/iskusstvo-i-razvlecheniya/">Arts et divertissements</a></li> <li><a href="/fr/karera/">carrière</a></li> <li><a href="/fr/kompyutery/">Ordinateurs</a></li> <li><a href="/fr/krasota/">Beauté</a></li> <li><a href="/fr/marketing/">Marketing</a></li> <li><a href="/fr/moda/">Mode</a></li> <li><a href="/fr/novosti-i-obschestvo/">Nouvelles et Société</a></li> <li><a href="/fr/obrazovanie/">Éducation</a></li> <li><a href="/fr/otnosheniya/">Relations</a></li> <li><a href="/fr/publikacii-i-napisanie-statey/">Publications et articles d'écriture</a></li> <li><a href="/fr/puteshestviya/">voyages</a></li> <li><a href="/fr/reklama/">Publicité</a></li> <li><a href="/fr/samosovershenstvovanie/">Auto-perfection</a></li> <li><a href="/fr/sport-i-fitnes/">Sport et fitness</a></li> <li><a href="/fr/tehnologii/">Technologie</a></li> <li><a href="/fr/finansy/">Finances</a></li> <li><a href="/fr/hobbi/">Hobby</a></li> </ul> </div> </div> <div class="side_block"> <div class="side_header">voyages</div> <div class="top_comments"> <div class="top_comments_header"> <a href="https://davidgarlandjones.com/fr/puteshestviya/101304-nudistskie-plyazhi-zdes-klubnichki-net.html"> <div class="top_image"> <img src="/images/puteshestviya/nudistskie-plyazhi-zdes-klubnichki-net_3.jpg" /> </div> Plages nudistes: il n'y a pas de "fraises" ici! </a> </div> </div> <div style="clear:both;"></div><div class="top_comments"> <div class="top_comments_header"> <a href="https://davidgarlandjones.com/fr/puteshestviya/93148-dvorec-edirne-istoriya-dvorca-i-foto.html"> <div class="top_image"> <img src="/images/puteshestviya/dvorec-edirne-istoriya-dvorca-i-foto_5.jpg" /> </div> Edirne Palace: l'histoire du palais et des photos </a> </div> </div> <div style="clear:both;"></div><div class="top_comments"> <div class="top_comments_header"> <a href="https://davidgarlandjones.com/fr/puteshestviya/94891-mekka-chernyy-kamen-musulman.html"> <div class="top_image"> <img src="/images/puteshestviya/mekka-chernij-kamen-musulman_3.jpg" /> </div> La Mecque Pierre noire des musulmans </a> </div> </div> <div style="clear:both;"></div><div class="top_comments"> <div class="top_comments_header"> <a href="https://davidgarlandjones.com/fr/puteshestviya/93333-ierusalimskiy-krest-simvol-hristian.html"> <div class="top_image"> <img src="/images/puteshestviya/ierusalimskij-krest-simvol-hristian_3.jpg" /> </div> La croix de Jérusalem est un symbole des chrétiens </a> </div> </div> <div style="clear:both;"></div><div class="top_comments"> <div class="top_comments_header"> <a href="https://davidgarlandjones.com/fr/puteshestviya/99933-shema-metro-milana-kak-eyu-polzovatsya-i-drugie-poleznye-sovety.html"> <div class="top_image"> <img src="/images/puteshestviya/shema-metro-milana-kak-eyu-polzovatsya-i-drugie-poleznie-soveti_3.jpg" /> </div> Métro à Milan: comment l'utiliser et d'autres astuces utiles </a> </div> </div> <div style="clear:both;"></div><div class="top_comments"> <div class="top_comments_header"> <a href="https://davidgarlandjones.com/fr/puteshestviya/96885-stolica-kazahstana-astana.html"> <div class="top_image"> <img src="/images/puteshestviya/stolica-kazahstana-astana_3.jpg" /> </div> La capitale du Kazakhstan est Astana </a> </div> </div> <div style="clear:both;"></div><div class="top_comments"> <div class="top_comments_header"> <a href="https://davidgarlandjones.com/fr/puteshestviya/99146-chuyskaya-dolina-neizvestnaya-step.html"> <div class="top_image"> <img src="/images/puteshestviya/chujskaya-dolina-neizvestnaya-step_4.jpg" /> </div> Vallée de Chu. Steppe inconnue </a> </div> </div> <div style="clear:both;"></div> </div> </aside> </div> <footer class="footer wrap cf"> <div class="left"> <div class="logo"> <a href="/fr/"><img src="/templates/tpl/images/logo.png" alt="" /></a> </div> <div class="footer_menu"> <ul> <li><a href="/fr/index.php?do=feedback">Contactez nous</a></li> </ul> </div> <div class="copyrights">© 2018 davidgarlandjones.com - Lors de la copie de matériaux, un lien vers la source est requis!</div> </div> </footer> </section> <ins data-zxname="zx-adnet" data-zxadslot="ZX-TWSTNV" data-zxw="0" data-zxh="0" data-overlay="true" ><script type="text/javascript" src="https://cdn.zx-adnet.com/adx/twstnv_19091901.js"></script></ins> <script type="text/javascript"> $(function() { $(window).scroll(function() { if($(this).scrollTop() != 0) { $('#totop').fadeIn(); } else { $('#totop').fadeOut(); } }); $('#totop').click(function() { $('body,html').animate({scrollTop:0},800); }); }); </script> <div id="totop"></div> </body> </html> <!-- DataLife Engine Copyright SoftNews Media Group (http://dle-news.ru) -->