Programación en Web

Hyper Text Markup Language

(HTML)
 HTML

Párrafos en HTML

 El elemento HTML <p> define un párrafo. Párrafos

 Un párrafo siempre inicia una nueva línea y suele ser un

bloque de texto.
 Los navegadores agregan automáticamente un espacio
en blanco (un margen) antes y después de un párrafo.

Programación en Web 2
 HTML

Pantalla en HTML

 Las pantallas grandes o pequeñas (monitores, celulares, Párrafos

entre otros.) y las ventanas redimensionadas crean
resultados distintos.

Normal Redimensionada
Programación en Web 3
 HTML

Pantalla en HTML

 Con HTML, no se puede cambiar la visualización de una Párrafos

etiqueta agregando espacios adicionales o líneas
adicionales en el código HTML.

Programación en Web 4
 HTML

Pantalla en HTML

▪ El navegador eliminara auto camíticamente cualquier Párrafos

espacio y línea adicional.

Programación en Web 5
 HTML

Reglas horizontales en HTML

 El elemento <hr> se utiliza para separar el contenido (o Párrafos

definir un cambio) en una pagina HTML.

Etiqueta

Etiqueta

Programación en Web 6
 HTML

Reglas horizontales en HTML

Párrafos

Programación en Web 7
 HTML

Saltos de líneas en HTML

 El elemento HTML <br> define un salto de línea dentro de Párrafos

un párrafo o algún otro elemento HTML.
Etiqueta

Etiqueta

Programación en Web 8
 HTML

El problema del poema

 Este poema se mostrara en una sola línea. Párrafos

Programación en Web 9
 HTML

Solución: El elemento HTML <pre>

 El elemento HTML <pre> define un texto con formato. Párrafos

• El texto dentro de un elemento <pre> se

muestra en un estilo de fuente
predeterminado (generalmente Courier) y
conserva tanto los espacios como los saltos de
línea:

Programación en Web 10
 HTML

Solución: El elemento HTML <pre>

Párrafos

Programación en Web 11