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
El lenguaje de marcado de hipertexto 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 tiene la etiqueta html <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 que usa 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://i1.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ás usando <a href="https://sukachoff.ru/es/noutbuki/linux-html-redaktory-luchshie-besplatnye-html-redaktory-dlya-os-linux-vizualnyi-html/">editor visual</a> de WordPress, agrega automáticamente saltos de línea, como lo hace en <a href="https://sukachoff.ru/es/windows/standartnye-prilozheniya-windows-7-perechen-standartnyh-programm-na/">programa microsoft</a> palabra o cualquier otra <a href="https://sukachoff.ru/es/noutbuki/ubuntu-tekstovyi-redaktor-s-podsvetkoi-sintaksisa-luchshie/">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>¿Y qué pasa si necesitas hacer después de un mensaje de texto? <a href="https://sukachoff.ru/es/ustrojjstva/otstupy-sverhu-v-css-otstupy-mezhdu-zagolovkom-i-osnovnym-tekstom/">sangría grande</a> de más contenido. 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"><a href="https://sukachoff.ru/es/windows/obnovlenie-eksplorera-11-obnovlyaem-brauzer-internet-explorer-do/">explorador de Internet</a> </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 la siguiente línea si el texto envuelve un 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.

Resultado este ejemplo ni higo. 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

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 el conjunto de parámetros de alineación o una capa que se aplica a propiedad css flotar .

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
. right Deshace el ajuste en el lado derecho del 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 cojo, 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 ajustan automáticamente a una 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 , ;
use elementos individuales para crear líneas (los elementos de marcado neutrales son los más adecuados para esto)< >Y< >).

Veamos 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:

Lección 5

En esta lección nosotros:
1. Aprende a hacer código HTML fue más conveniente y fácil de leer para nosotros.
2. Averigüemos cómo ajustar correctamente una línea de texto.

Hacer que el código html sea fácil de usar.

Ahora nuestro código es claro y fácil de leer, ya que tiene poco texto y casi ninguna etiqueta. Cuando creamos una página más compleja, habrá muchas etiquetas, por lo que será difícil encontrar la correcta.

Para evitar un lío de etiquetas, primero debe organizar las etiquetas y las líneas para que sean más fáciles de percibir visualmente. Cuando el navegador lee información de paginas html, no importa cuántos espacios y cuántos líneas vacías en codigo.

Cambié el texto en el código de la página relativo al que creamos, pero no importa. Las figuras izquierda y derecha muestran el mismo código. Ambas opciones serán mostradas por el navegador en la pantalla del monitor exactamente de la misma manera. De acuerdo, será mucho más fácil trabajar con el código que se muestra a la derecha que con el de la izquierda.

El código que estamos considerando es muy simple, pero incluso ahora la diferencia en la percepción visual es notable. No existen reglas específicas para "restaurar el orden", cada maestro decide por sí mismo cómo le resulta más conveniente trabajar.

Salto de línea html. La etiqueta <br>.

Presta atención al dibujo. En la primera variante el texto se escribe en una línea, en la segunda variante en dos líneas.

El navegador mostrará ambas opciones de la misma manera. El texto se escribirá en una sola línea:

¿Porque preguntas? De hecho, en uno de los códigos, parte del texto se transfiere a otra línea. Sería lógico que en el navegador también se trasladara parte del texto a otra línea, pero html tiene su propia lógica al respecto. Si hacemos un salto de línea en el código html, entonces para el navegador esto equivale a un espacio(como un espacio normal entre palabras en el texto). Si movemos parte del texto no una línea hacia abajo, sino 2 o 3 (cualquier número), entonces el navegador seguirá considerando esta distancia como un espacio ordinario entre palabras y cuando se muestre en la pantalla, el texto se escribirá en una línea. .

<br> etiqueta

Cuando nos familiarizamos con las etiquetas en la tercera lección, mencioné que hay etiquetas que no es necesario cerrar. Etiqueta <br> uno de ellos, sirve para romper la línea.
Vamos a aplicarlo en código:

hemos etiquetado <br> en nuestro código html, y ahora, cuando el archivo se inicie a través del navegador, parte del texto se transferirá a la siguiente línea.
* No olvide guardar los cambios en el Bloc de notas (Ctrl + S) y actualizar la página en el navegador (F5).

Materiales temáticos: