Menú
Gratis
Registro
hogar  /  Programas/br etiqueta que significa. Salto de línea en HTML: usando la etiqueta br

Br etiqueta qué significa. Salto de línea en HTML: usando la etiqueta br

Cuando se muestra documentos de texto en el navegador, la posición del salto de línea dentro de un párrafo se determina automáticamente según el tamaño de las fuentes y el tamaño de la ventana gráfica. Los saltos de línea solo se pueden realizar en caracteres de separación de palabras (por ejemplo, espacios). A veces, en los documentos, se requiere establecer un avance de línea forzado, que se implementa independientemente de la configuración del navegador. Para ello se utiliza la etiqueta de salto de línea forzado.
, que no tiene una etiqueta final correspondiente. Inclusión de etiquetas
al cuerpo del documento asegurará que el texto subsiguiente se coloque desde el comienzo de una nueva línea. Por ejemplo, este enfoque se puede usar para crear estructuras de tipo lista sin usar etiquetas de marcado de lista especiales. O, por ejemplo, esta etiqueta es indispensable para mostrar poemas, etc.

Aquí hay un ejemplo del uso de un avance de línea forzado (Fig. 1.8):

Uso de avance de línea forzado

Sobre el Petrogrado oscurecido

Noviembre respiraba frío otoñal.

Corriendo en una ola ruidosa

Al borde de su esbelta cerca,

Neva corría como un paciente

Inquieto en tu cama.

AS Pushkin. Jinete de bronce

Arroz. 1.8. Etiqueta
se puede usar para forzar un salto de línea

A diferencia de la etiqueta de párrafo

Al usar la etiqueta
no se generará una cadena vacía.

Uso de etiquetas
requiere precaución: es posible que el navegador ya haya realizado un avance de línea de una o dos palabras antes de encontrar su etiqueta
. Esto sucede si el ancho de la ventana del visor del lector es más pequeño que la misma configuración en el programa con el que estaba probando su documento. En este caso, puede resultar que solo quede una palabra en la línea en medio de un párrafo, violando así la belleza del diseño del documento.

Nota

Al usar la etiqueta
para dividir texto, ajustar alrededor de una imagen o una tabla, puede configurar la opción CLEAR para detener el ajuste de texto. Puede leer más sobre esto en los capítulos 3 y 4.

etiquetas tu

Hay situaciones en las que se requiere realizar la operación con el propósito opuesto: prohibir un salto de línea. Hay una etiqueta de contenedor para esto. . Se garantiza que el texto marcado con esta etiqueta estará en una línea, independientemente de su longitud. Si la línea resultante se extiende más allá de la ventana gráfica del navegador, aparecerá una barra de desplazamiento horizontal.

Nota

Para garantizar la continuidad del texto ubicado en las celdas de la tabla, existe un parámetro de etiqueta NOWRAP especial. Puede encontrar más información sobre esto en el capítulo 4.

Marcado de texto con la etiqueta de línea que no se rompe puedes obtener cuerdas muy largas. Para evitar esto, puede decirle al navegador del lector dónde puede ocurrir un salto de línea, que solo se hará cuando sea necesario (lo que se conoce como salto de línea "suave"). Esto se puede hacer colocando la etiqueta en el lugar correcto en el texto (Palabra BReak) que es lo mismo que la etiqueta
, no necesita una etiqueta de cierre.

Nota

Etiqueta no es compatible con el navegador Netscape en absoluto. Navegador microsoft internet Explorer solo reconoce esta etiqueta en el texto etiquetado .

A menudo es necesario agregar un nuevo párrafo, pero sin la línea vacía que inserta la etiqueta de párrafo

Para algunos fragmentos de texto, los intervalos estándar adoptados para los párrafos son simplemente inapropiados. Estos pueden ser inscripciones debajo de imágenes y en tablas, poemas, citas, notas al pie y notas.

Para el ajuste de línea forzado, se proporciona una etiqueta especial, cuya función está incrustada en su nombre br (romper fila - "romper fila, línea"). Etiqueta
lenguaje de hipertexto marcado html significa que todo el contenido siguiente debe comenzar en una nueva línea. Si es necesario, puede colocar varias etiquetas seguidas para lograr el espacio deseado.

Etiqueta
no distingue entre mayúsculas y minúsculas y no requiere una etiqueta de cierre porque es un elemento vacío, pero es mejor acostumbrarse a cerrar todas las etiquetas. En XHTML, la etiqueta de interrupción debe estar "bien cerrada" con una barra invertida.

Ejemplo de etiqueta de ruptura

La etiqueta br en acción< /title></p><p><р>Caminar en el servicio</р></p><p><p>En ningún otro lugar y nunca <br></p><p>yo no era tan malo <br></p><p>Jefes de la horda codiciosa <br></p><p>Mordiéndome vivo</р></p><p>Caminar en el servicio</p><p>En ningún otro lugar y nunca <br>Yo no estaba tan mal. <br>Jefes de la horda codiciosa <br>Me come vivo.</p><h2>Atributo de etiqueta <br></h2><p>El único atributo que <a href="https://mkr-novo2.ru/es/problems/kak-sdelat-krasivyi-shrift-v-html-razmery-cveta-tegi-shriftov-html-kak-zapisat-v-html.html">etiqueta</a> <br>, se llama Le dice al navegador qué hacer con el ajuste de línea si el texto necesita ajustarse alrededor de un elemento flotante, como una imagen con un atributo de alineación usando valores de derecha/izquierda, o un bloque en CSS que tiene un propiedad flotante.</p><p>En las especificaciones XHTML 1.0 / HTML 4.01, el atributo claro solo se puede usar con Transitional, Frameset y<!DOCTYPE>, de lo contrario el código no funcionará.</p><h2>Propiedades de atributo de etiqueta</h2><p>El efecto de aplicar el atributo clear depende de su valor y de la ubicación del elemento flotante. El atributo puede tomar 4 valores:</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>El valor de la izquierda evita que el elemento alineado a la izquierda se ajuste, por lo que el texto "tropieza" en la etiqueta <br>, se colocará debajo de la imagen u otro elemento flotante.</p><p>Se obtendrá exactamente el mismo resultado utilizando el argumento all, que nunca permitirá ni la derecha ni la izquierda.</p><p>El valor correcto evita que el texto se ajuste a un elemento alineado a la derecha, por lo que después de la etiqueta <br>el texto no tendrá más remedio que dar la vuelta a la imagen, rodeándola hacia la derecha.</p><p>Un valor de none ("ni tuyo ni nuestro") elimina toda la autoridad del atributo clear por completo, y la etiqueta <br>silenciosamente envuelve la línea hacia abajo.</p><p>No hay un valor predeterminado para el atributo claro de la etiqueta.</p><h2>Etiqueta <br>es una transferencia 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 utiliza como un salto suave, pero no como un medio para dividir el texto en párrafos.</p><p><img src='https://i1.wp.com/fb.ru/misc/i/gallery/21147/458084.jpg' width="100%" loading=lazy loading=lazy></p><p>No debe dejarse llevar por la etiqueta de nueva línea para el formato de texto, porque los resultados no siempre son elegantes.</p><p>Por ejemplo, si usa la etiqueta <br>para traducir líneas dentro de un párrafo, esto puede hacer que aparezca un "peine" en la ventana del usuario si es más pequeña que la ventana a la que se dirige el webmaster.</p> <p>Saludos. Por supuesto, en html, los saltos de línea se pueden hacer de dos maneras. Si está utilizando el editor visual de WordPress, automáticamente agrega saltos de línea, como lo hace en <a href="https://mkr-novo2.ru/es/navigation/osnovnye-harakteristiki-elementy-ms-frontpage-opisanie-programmy-microsoft-office-frontpage.html">programa microsoft</a> palabra o cualquier otra <a href="https://mkr-novo2.ru/es/navigation/moshchnyi-tekstovyi-redaktor-tekstovye-redaktory-kakie-byvayut-besplatnye.html">editor de texto</a>. Pero a veces necesitas trabajar con texto en código. ¿Cómo hacer un salto de línea en código html?</p> <h2>Transferimos la línea</h2> <p>Hay una sola etiqueta corta en html para esto: <br>(corto para <b>romper</b>). ¿Qué está haciendo? Todo el texto después de esta etiqueta se mostrará en una nueva línea. Incluso si hay espacio en la línea actual para su salida, aún se ajustará.</p> <h2>Usando br</h2> <p>Solo necesita usar la etiqueta cuando no necesita comenzar un nuevo párrafo, sino simplemente mostrar el texto en una nueva línea. Por ejemplo, necesitas escribir un poema. Para no encerrar cada línea de un versículo en una etiqueta de párrafo, simplemente puede escribir una etiqueta al final de cada línea <br>y luego la siguiente línea se moverá hacia abajo. Eso es todo, es simple.</p> <p>La etiqueta no debe utilizarse como alternativa a los párrafos. Vale la pena recordar que se forma una sangría entre párrafos, igual en altura a una línea vacía. Al envolver con br, la sangría es menor.</p> <h2>¿Cómo hacer muchas transferencias?</h2> <p>Pero, ¿qué sucede si necesita hacer una gran sangría a partir de más contenido después de algún texto? Hay dos opciones para hacer esto. Puede escribir muchas etiquetas br. Así que puedes hacer un número infinito de transferencias.</p> <p>Pero es mejor hacerlo bien. Puede darle al párrafo deseado una clase de estilo y luego usar css para establecer una sangría grande desde la parte inferior.</p><p> <p class = “abzac”>Párrafo</p> </p><p>Abzac( <br>margen inferior: 100px <br> }</p> <p>En este caso, la sangría desde la parte inferior se establecerá en 100 píxeles. En consecuencia, se puede prescribir cualquier guión.</p> <td style="vertical-align: top;"> <table class="data browser" cellspacing="0" width="100%"><tbody><tr><th>Navegador</th> <td colspan="3" class="browser">explorador de Internet</td> <td colspan="3" class="browser">netscape</td> <td colspan="3" class="browser">Ópera</td> <td class="browser">safari</td> <td class="browser">Mozilla</td> <td colspan="2" class="browser">Firefox</td> </tr><tr><th>Versión</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>Soportado</th> <td class="yes">Sí</td> <td class="yes">Sí</td> <td class="yes">Sí</td> <td class="yes">Sí</td> <td class="yes">Sí</td> <td class="yes">Sí</td> <td class="yes">Sí</td> <td class="yes">Sí</td> <td class="yes">Sí</td> <td class="yes">Sí</td> <td class="yes">Sí</td> <td class="yes">Sí</td> <td class="yes">Sí</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>Descripción</h3> <p>Etiqueta <BR>establece una nueva línea en la ubicación donde se encuentra esta etiqueta. A diferencia de la etiqueta de párrafo <P>El uso de la etiqueta BR no agrega una sangría vacía antes de la línea. Si el texto, que usa una nueva línea, envuelve un elemento flotante, entonces usando el parámetro claro de la etiqueta <BR>puede hacer que la siguiente línea comience debajo del elemento.</p> <h3>Sintaxis</h3> <p>Texto <br>texto</p> <h3>Opciones</h3>clear Le dice al navegador cómo manejar <a href="https://mkr-novo2.ru/es/at/perevod-na-sleduyushchuyu-stroku-html-kak-v-excel-sdelat-perenos.html">Proxima linea</a> si el texto envuelve el elemento flotante. <h3>etiqueta de cierre</h3> <p>No requerido.</p> <p>Ejemplo 1: Uso de una etiqueta <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>Etiqueta BR


R. L. Stevenson


El verano ha llegado al país.

El brezo está floreciendo de nuevo.

Pero nadie para cocinar

Miel de brezo.


El resultado de este ejemplo se muestra en la Fig. 1.

Arroz. 1. Tipo de texto al usar la etiqueta

Descripción de los parámetros de la etiqueta

parámetro BORRAR

HTML: 3.2 4 XHTML: 1.0 1.1

Descripción

El parámetro claro le dice al navegador cómo manejar la siguiente línea si el texto envuelve el elemento flotante. Un elemento flotante es una imagen que tiene su parámetro de alineación establecido o una capa que tiene aplicada la propiedad flotante de CSS.

El resultado de usar el parámetro clear depende del borde con el que se alinea el elemento y el valor del argumento clear. Entonces, si la imagen está alineada a la izquierda y el valor del parámetro claro de la etiqueta
establecer en all o left , luego el texto después de la etiqueta
se mostrará debajo de la figura. Cualquier otro valor para el parámetro clear hará que el texto se coloque a la derecha de la imagen y lo rodee.

Sintaxis


Argumentos

all Deshace la envoltura del elemento desde los bordes derecho e izquierdo al mismo tiempo. left Invierte el flujo en el lado izquierdo del elemento después de la etiqueta
. derecha Cancela la envoltura de lado derecho elemento. none Cancela esta propiedad.

Valor por defecto

CSS análogo

Ejemplo 2: desenvolver texto





Etiqueta BR, parámetro claro


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 zzril delenit au gue duis dolore te feugat nulla facilisi.


El resultado del ejemplo se muestra en la Fig. 2.

Arroz. 2. Cancelación de ajuste de texto alrededor del bloque

Nota

El uso del parámetro clear en la especificación HTML 4 está en desuso y se recomienda en su lugar. elemento css claro - BR ( claro: ambos | izquierda | ninguno | derecha ).

Todos o casi todos se utilizan en el diseño. ¿Cuántos de nosotros, poniendo el código
piensa: ¿realmente lo necesitan aquí? Entre los tipógrafos sin experiencia, a menudo puede ver diseños de esta naturaleza: diseño de menú

Y también puedes encontrar estos maravillosos párrafos:

Puede surgir la pregunta: si el sitio muestra todo por diseño, ¿qué está mal aquí? Y no es así aquí: este código de pesadilla, torcido y aburrido, que habla de una calificación muy baja de un diseñador de diseño que ni siquiera se molestó en descifrar las tareas.

Aplicar
para la formación de párrafos, es como martillar clavos con un destornillador (esto también es una herramienta, por qué no martillar un clavo, otro).

¿Para qué es la etiqueta?
?

actualización 23/02/10 - con "trucos" con espacios en blanco: antes, debes tener cuidado, porque con este formato, las líneas que no encajan en el bloque no se transfieren automáticamente a nueva línea. Esto es especialmente cierto para los diseños de caucho. En tales casos, sin embargo, es necesario aplicar
.

P (espacio en blanco: pre;)

La nota

La comunidad de fanáticos del diseño semántico no fue incluida en absoluto.
V.

donde no debería estar
?

  • usar etiquetas para su propósito previsto: para párrafos, esto es< >, para listas y -< >, < >, < >etc.;
  • para dar formato al texto y establecer el uso de sangrías , como , ;
  • usar elementos individuales para crear cadenas (el marcado neutro es el más adecuado para esto< >Y< >).

Considere algunos ejemplos prácticos. Párrafos:

La solución de alto rendimiento tiene una gran rendimiento- hasta 6,2 Gbps, y es ideal no solo para transmisión de voz y video, sino también para nuevas aplicaciones que requieren ancho de banda, como juegos en línea.

El SGSN es capaz de admitir hasta 1,5 millones de sesiones PDP activas.

P (margen inferior: 12px;)

Varias líneas de números de teléfono: