Párrafos HTML
El elemento HTML define un párrafo.<p>Un párrafo siempre comienza en una nueva línea, y los navegadores agregan automáticamente algún espacio en blanco (un margen) antes y después de un párrafo.
Ejemplo
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>Pantalla HTML
No puede estar seguro de cómo se mostrará HTML.
Las pantallas grandes o pequeñas y las ventanas redimensionadas crearán resultados diferentes.
Con HTML, no puede cambiar la visualización agregando espacios adicionales o líneas adicionales en su código HTML.
El navegador eliminará automáticamente los espacios y líneas adicionales cuando se muestre la página:
No puede estar seguro de cómo se mostrará HTML.
Las pantallas grandes o pequeñas y las ventanas redimensionadas crearán resultados diferentes.
Con HTML, no puede cambiar la visualización agregando espacios adicionales o líneas adicionales en su código HTML.
El navegador eliminará automáticamente los espacios y líneas adicionales cuando se muestre la página:
Ejemplo
<p>
This paragraph
contains a lot of lines
in the source code,
but the browser
ignores it.
</p>
<p>
This paragraph
contains a lot of spaces
in the source code,
but the browser
ignores it.
</p>
Reglas horizontales HTML<p>
This paragraph
contains a lot of lines
in the source code,
but the browser
ignores it.
</p>
<p>
This paragraph
contains a lot of spaces
in the source code,
but the browser
ignores it.
</p>La etiqueta define un salto temático en una página HTML y se muestra con mayor frecuencia como una regla horizontal.<hr>
El elemento se utiliza para separar el contenido (o definir un cambio) en una página HTML:<hr>
Ejemplo
<h1>This is heading 1</h1>
<p>This is some text.</p>
<hr>
<h2>This is heading 2</h2>
<p>This is some other text.</p>
<hr>
<h1>This is heading 1</h1>
<p>This is some text.</p>
<hr>
<h2>This is heading 2</h2>
<p>This is some other text.</p>
<hr>La etiqueta es una etiqueta vacía, lo que significa que no tiene etiqueta final.<hr>
Saltos de línea HTML
El elemento HTML define un salto de línea.<br>
Úselo si desea un salto de línea (una nueva línea) sin comenzar un nuevo párrafo:<br>
Ejemplo
<p>This is<br>a paragraph<br>with line breaks.</p>
<p>This is<br>a paragraph<br>with line breaks.</p>La etiqueta es una etiqueta vacía, lo que significa que no tiene etiqueta final.<br>
El problema del poema
Este poema se mostrará en una sola línea:
Solución: el elemento HTML <pre>
El elemento HTML define el texto preformateado.<pre>
El texto dentro de un elemento se muestra en una fuente de ancho fijo (generalmente Courier), y conserva tanto los espacios como los saltos de línea:<pre>
Referencia de etiqueta HTML
Este poema se mostrará en una sola línea:
Ejemplo
<p>
My Bonnie lies over the ocean.
My Bonnie lies over the sea.
My Bonnie lies over the ocean.
Oh, bring back my Bonnie to me.
</p>
<p>
My Bonnie lies over the ocean.
My Bonnie lies over the sea.
My Bonnie lies over the ocean.
Oh, bring back my Bonnie to me.
</p>Solución: el elemento HTML <pre>
El elemento HTML define el texto preformateado.<pre>
El texto dentro de un elemento se muestra en una fuente de ancho fijo (generalmente Courier), y conserva tanto los espacios como los saltos de línea:<pre>
Ejemplo
<pre>
My Bonnie lies over the ocean.
My Bonnie lies over the sea.
My Bonnie lies over the ocean.
Oh, bring back my Bonnie to me.
</pre>
<pre>
My Bonnie lies over the ocean.
My Bonnie lies over the sea.
My Bonnie lies over the ocean.
Oh, bring back my Bonnie to me.
</pre><p> Defines a paragraph
<hr> Defines a thematic change in the content
<br> Inserts a single line break
<pre> Defines pre-formatted text
No hay comentarios:
Publicar un comentario