/ / Salto de línea en HTML: use la etiqueta br

Rompa una línea en HTML: use la etiqueta br

Durante el formateo del texto a menudo ocurrenecesita agregar un nuevo párrafo, pero sin la línea vacía que inserta la etiqueta de párrafo

. Además, a veces es necesario mantener exactamente el formato del texto anterior, que la etiqueta

cancela "categóricamente". A menudo tiene que dividir un párrafo en varias partes que están relacionadas lógicamente.

Para algunos pasajes de texto, el espacio estándar utilizado para los párrafos es simplemente inapropiado. Estas pueden ser inscripciones debajo de imágenes y en tablas, poemas, citas, notas al pie y notas.

etiqueta html br

Para saltos de línea forzados provistosuna etiqueta especial cuya función está incrustada en su nombre br (romper fila - "romper una fila, línea"). La etiqueta del lenguaje de marcado de hipertexto html
significa que todo el contenido que sigue debe comenzar en una nueva línea. Si es necesario, puede colocar varias etiquetas en una fila para lograr el intervalo requerido.

La etiqueta
no distingue entre mayúsculas y minúsculas y no requiereetiqueta de cierre porque es un elemento vacío, pero es mejor acostumbrarse a cerrar todas las etiquetas. En XHTML, la etiqueta de ruptura debe estar "bien cerrada" a la barra invertida.

Ejemplo de etiqueta de ruptura

etiqueta br en acción </ title></p><p></head></p><p><cuerpo></p><p><p> Absentismo en el servicio </ p></p><p><p> En ninguna parte y nunca <br></p><p>No fui tan malo <br></p><p>Superiores horda codiciosa <br></p><p>Me muerde vivo </ p></p><p></html></p><p>Ausentismo laboral</p><p>En ninguna parte y nunca<br />No he sido tan malo.<br />La ávida horda de jefes<br />Mordiéndome vivo.</p><h2>Atributo de etiqueta <br></h2><p>El único atributo que tiene la etiqueta html<br>, llamado Clear. Le dice al navegador qué hacer con la cadena ajustada si el texto tiene que ajustarse al llamado elemento flotante, como, por ejemplo, una imagen con el atributo de alineación usando los valores derecho / izquierdo, o un bloque en CSS que usa la propiedad flotante.</p><p>En las especificaciones XHTML 1.0 / HTML 4.01, el atributo clear solo se puede usar con Transitional, Frameset y <! DOCTYPE>, de lo contrario, el código no funcionará.</p><h2>Propiedades del atributo de etiqueta <strong></strong></h2><p>El efecto del uso del atributo clear depende de su valor y de la ubicación del elemento flotante simplificado por el texto. El atributo puede tomar 4 valores:</p><p><br clear = "right | left | all | none"></p><p><center><img itemprop="image" alt="etiqueta br " class="if" height="406" src="/images/internet/razriv-stroki-v-html-ispolzuem-teg-br_2.jpg" width="450" /></center></p><p>El valor izquierdo evita el flujo alrededor del elemento alineado a la izquierda, por lo que el texto, "disparo" en la etiqueta <br>, se ubicará debajo de la imagen u otro elemento flotante.</p><p>Exactamente este resultado vendrá de usar el argumento all, que nunca permitirá que el texto fluya alrededor de la imagen, ni a la derecha ni a la izquierda.</p><p>El valor derecho evita que el texto fluya alrededor del elemento alineado a la derecha, por lo que después de la etiqueta <br> no quedará nada para el texto más que saltear la imagen, que fluye alrededor de ella hacia la derecha.</p><p>Un valor de none ("ni el suyo ni el nuestro") generalmente elimina todos los permisos del atributo clear, y la etiqueta <br> ajusta silenciosamente la línea hacia abajo.</p><p>Por defecto, como tal, falta el atributo clear de la etiqueta.</p><h2>Tag <br> es un transporte suave</h2><p>La etiqueta de salto de línea es muy útil para crear el espacio necesario entre párrafos, dentro del cual se usa como una envoltura suave, pero no como un medio para dividir el texto en párrafos.</p><p><center><img itemprop="image" alt="etiqueta html hipertexto marcado br " class="if" height="268" src="/images/internet/razriv-stroki-v-html-ispolzuem-teg-br_3.jpg" width="600" /></center></p><p>No debe dejarse llevar por la etiqueta de avance de línea para formatear texto, porque los resultados de su aplicación no siempre se distinguen por su elegancia.</p><p>Por ejemplo, si usa la etiqueta <br> para traducir líneas dentro de un párrafo, esto puede dar lugar a la aparición de un "peine" en la ventana del usuario si es más pequeña que la ventana en la que se centró el webmaster.</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>Lea también</h4> <div class="related_news_post"> <a href="https://davidgarlandjones.com/es/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>¿Cuál es el encabezado HTML?</span> </a> </div><div class="related_news_post"> <a href="https://davidgarlandjones.com/es/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>PHP para principiantes basados ​​en web: longitud de línea</span> </a> </div><div class="related_news_post"> <a href="https://davidgarlandjones.com/es/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>Como en la lista de "Word" ordenadas alfabéticamente</span> </a> </div><div class="related_news_post"> <a href="https://davidgarlandjones.com/es/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>Crear línea de arrastramiento HTML</span> </a> </div><div class="related_news_post"> <a href="https://davidgarlandjones.com/es/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>Seleccione el texto. Fuente negrita. Tutorial HTML para principiantes.</span> </a> </div><div class="related_news_post"> <a href="https://davidgarlandjones.com/es/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>Instrucciones sobre cómo hacer un salto de tabla en Word</span> </a> </div><div class="related_news_post"> <a href="https://davidgarlandjones.com/es/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>¿Cómo hacer una línea roja en la palabra 2007? Mejores maneras</span> </a> </div><div class="related_news_post"> <a href="https://davidgarlandjones.com/es/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>Usando HTML en una tabla</span> </a> </div><div class="related_news_post"> <a href="https://davidgarlandjones.com/es/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>Cómo poner un espacio html</span> </a> </div><div class="related_news_post"> <a href="https://davidgarlandjones.com/es/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>Menú vertical CSS: hágalo usted mismo</span> </a> </div><div class="related_news_post"> <a href="https://davidgarlandjones.com/es/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>¿Cómo cambiar el color de fondo en el sitio?</span> </a> </div><div class="related_news_post"> <a href="https://davidgarlandjones.com/es/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>Aprendiendo a hacer un enlace al sitio</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">Comida y bebida</div> <div class="top_comments"> <div class="top_comments_header"> <a href="https://davidgarlandjones.com/es/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> ¿Cuánto es 3/4 taza: agua, harina, azúcar y otros ingredientes básicos </a> </div> </div> <div style="clear:both;"></div><div class="top_comments"> <div class="top_comments_header"> <a href="https://davidgarlandjones.com/es/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 - Fruta: descripción y foto </a> </div> </div> <div style="clear:both;"></div><div class="top_comments"> <div class="top_comments_header"> <a href="https://davidgarlandjones.com/es/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> ¿Cuánto pesa un litro de miel? Influencia del peso de la miel en la calidad </a> </div> </div> <div style="clear:both;"></div><div class="top_comments"> <div class="top_comments_header"> <a href="https://davidgarlandjones.com/es/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> Agua mineral "Sulinka": composición y beneficios </a> </div> </div> <div style="clear:both;"></div><div class="top_comments"> <div class="top_comments_header"> <a href="https://davidgarlandjones.com/es/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 bielorruso: receta con foto </a> </div> </div> <div style="clear:both;"></div><div class="top_comments"> <div class="top_comments_header"> <a href="https://davidgarlandjones.com/es/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> Sémola de gachas en el microondas. Recetas simples y rápidas </a> </div> </div> <div style="clear:both;"></div><div class="top_comments"> <div class="top_comments_header"> <a href="https://davidgarlandjones.com/es/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": composición y valor energético </a> </div> </div> <div style="clear:both;"></div> </div> <div class="side_block"> <div class="side_header">Belleza</div> <div class="top_comments"> <div class="top_comments_header"> <a href="https://davidgarlandjones.com/es/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> Pestañas de laminación: pros y contras, descripción del procedimiento </a> </div> </div> <div style="clear:both;"></div><div class="top_comments"> <div class="top_comments_header"> <a href="https://davidgarlandjones.com/es/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> Color de cabello perfecto para ojos azules </a> </div> </div> <div style="clear:both;"></div><div class="top_comments"> <div class="top_comments_header"> <a href="https://davidgarlandjones.com/es/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 para el cabello Honma Tokio: reseñas de peluqueros </a> </div> </div> <div style="clear:both;"></div><div class="top_comments"> <div class="top_comments_header"> <a href="https://davidgarlandjones.com/es/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> Color de cabello "Brilliance": una paleta para todos los gustos </a> </div> </div> <div style="clear:both;"></div><div class="top_comments"> <div class="top_comments_header"> <a href="https://davidgarlandjones.com/es/krasota/64317-tatu-arhangel-osobennosti-znachenie-foto.html"> <div class="top_image"> <img src="/images/krasota/tatu-arhangel-osobennosti-znachenie-foto_3.jpg" /> </div> Tatuaje "Arcángel": características, significado, foto </a> </div> </div> <div style="clear:both;"></div><div class="top_comments"> <div class="top_comments_header"> <a href="https://davidgarlandjones.com/es/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> ¿Cuál es el significado de los tatuajes religiosos? </a> </div> </div> <div style="clear:both;"></div><div class="top_comments"> <div class="top_comments_header"> <a href="https://davidgarlandjones.com/es/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én es el color del pelo rubio ceniza oscuro? </a> </div> </div> <div style="clear:both;"></div> </div> <div class="side_block"> <div class="side_header">Menú</div> <div class="tags_widget"> <ul> <li><a href="/es/avtomobili/">Coches</a></li> <li><a href="/es/biznes/">Negocios</a></li> <li><a href="/es/dom-i-semya/">Hogar y familia</a></li> <li><a href="/es/domashniy-uyut/">Comodidad del hogar</a></li> <li><a href="/es/duhovnoe-razvitie/">Desarrollo Espiritual</a></li> <li><a href="/es/eda-i-napitki/">Comida y bebida</a></li> <li><a href="/es/zakon/">La ley</a></li> <li><a href="/es/zdorove/">Salud</a></li> <li><a href="/es/internet/">Internet</a></li> <li><a href="/es/iskusstvo-i-razvlecheniya/">Arte y entretenimiento</a></li> <li><a href="/es/karera/">Carrera</a></li> <li><a href="/es/kompyutery/">Computadoras</a></li> <li><a href="/es/krasota/">Belleza</a></li> <li><a href="/es/marketing/">Marketing</a></li> <li><a href="/es/moda/">Moda</a></li> <li><a href="/es/novosti-i-obschestvo/">Noticias y Sociedad</a></li> <li><a href="/es/obrazovanie/">Educación:</a></li> <li><a href="/es/otnosheniya/">Relaciones</a></li> <li><a href="/es/publikacii-i-napisanie-statey/">Publicaciones y artículos de escritura</a></li> <li><a href="/es/puteshestviya/">Viajar</a></li> <li><a href="/es/reklama/">Publicidad</a></li> <li><a href="/es/samosovershenstvovanie/">Autoperfección</a></li> <li><a href="/es/sport-i-fitnes/">Deporte y aptitud</a></li> <li><a href="/es/tehnologii/">Tecnología</a></li> <li><a href="/es/finansy/">Finanzas</a></li> <li><a href="/es/hobbi/">Hobby</a></li> </ul> </div> </div> <div class="side_block"> <div class="side_header">Viajar</div> <div class="top_comments"> <div class="top_comments_header"> <a href="https://davidgarlandjones.com/es/puteshestviya/101304-nudistskie-plyazhi-zdes-klubnichki-net.html"> <div class="top_image"> <img src="/images/puteshestviya/nudistskie-plyazhi-zdes-klubnichki-net_3.jpg" /> </div> Playas nudistas: ¡aquí no hay "fresas"! </a> </div> </div> <div style="clear:both;"></div><div class="top_comments"> <div class="top_comments_header"> <a href="https://davidgarlandjones.com/es/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> Palacio de Edirne: la historia del palacio y la foto </a> </div> </div> <div style="clear:both;"></div><div class="top_comments"> <div class="top_comments_header"> <a href="https://davidgarlandjones.com/es/puteshestviya/94891-mekka-chernyy-kamen-musulman.html"> <div class="top_image"> <img src="/images/puteshestviya/mekka-chernij-kamen-musulman_3.jpg" /> </div> La Meca Piedra negra de musulmanes </a> </div> </div> <div style="clear:both;"></div><div class="top_comments"> <div class="top_comments_header"> <a href="https://davidgarlandjones.com/es/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> Esquema de metro en Milán: cómo usarlo y otros consejos útiles </a> </div> </div> <div style="clear:both;"></div><div class="top_comments"> <div class="top_comments_header"> <a href="https://davidgarlandjones.com/es/puteshestviya/93333-ierusalimskiy-krest-simvol-hristian.html"> <div class="top_image"> <img src="/images/puteshestviya/ierusalimskij-krest-simvol-hristian_3.jpg" /> </div> Cruz de Jerusalén - un símbolo de los cristianos </a> </div> </div> <div style="clear:both;"></div><div class="top_comments"> <div class="top_comments_header"> <a href="https://davidgarlandjones.com/es/puteshestviya/96885-stolica-kazahstana-astana.html"> <div class="top_image"> <img src="/images/puteshestviya/stolica-kazahstana-astana_3.jpg" /> </div> La capital de Kazajstán es Astaná </a> </div> </div> <div style="clear:both;"></div><div class="top_comments"> <div class="top_comments_header"> <a href="https://davidgarlandjones.com/es/puteshestviya/99146-chuyskaya-dolina-neizvestnaya-step.html"> <div class="top_image"> <img src="/images/puteshestviya/chujskaya-dolina-neizvestnaya-step_4.jpg" /> </div> Chu Valley. Estepa desconocida </a> </div> </div> <div style="clear:both;"></div> </div> </aside> </div> <footer class="footer wrap cf"> <div class="left"> <div class="logo"> <a href="/es/"><img src="/templates/tpl/images/logo.png" alt="" /></a> </div> <div class="footer_menu"> <ul> <li><a href="/es/index.php?do=feedback">Contáctanos</a></li> </ul> </div> <div class="copyrights">© 2018 davidgarlandjones.com - ¡Al copiar materiales, se necesita un enlace a la fuente!</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) -->