[et_pb_section admin_label=”section”][et_pb_row admin_label=”row”][et_pb_column type=”4_4″][et_pb_text admin_label=”Texto” background_layout=”light” text_orientation=”left” use_border_color=”off” border_color=”#ffffff” border_style=”solid”]

paragraph

La etiqueta <p>

Para crear un párrafo, simplemente escriba dentro de la etiqueta <p> sin olvidar la etiqueta de cierre </p>:

p-parrafo-html

Los navegadores agregan automáticamente una línea en blanco antes y después de un párrafo.

Ejercicio.

crear-parrafos-en-html

 

Salto de línea única

Utilice la etiqueta <br /> etiqueta para añadir una sola línea de texto sin necesidad de iniciar un nuevo párrafo.

html-salto-de-linea

Al abrir el archivo HTML en el navegador muestra que un solo salto de línea se ha añadido al párrafo:

visdta-previa-de-salto-de-line

La etiqueta <br /> es un elemento vacío de HTML. No hay necesidad de abrir y cerrar dicha etiqueta, se puede especificar directamente como cierre y apertura.

Ejercicio.

etiqueta-br

 

Ejercicio.

llenar-espacios-en-blanco

 

Formato de texto

En HTML, hay una lista de elementos que especifican el estilo del texto. Los elementos de formato fueron diseñados para mostrar los tipos especiales de texto:

ejercicio-1

El resultado en el navegador seria:

salida-en-navegador

Ejercicio. Teclea el código anterior en el bloc de notas. Guarda el archivo como formatos.html

 

Encabezados en HTML

HTML incluye seis niveles de encabezados, los cuales se clasifican de acuerdo a su importancia.
Estos empiezan desde el más importante hasta el de menor importancia, empezando en <h1> , <h2> , <h3> , <h4> , <h5> y <h6> .

El siguiente código define todos los títulos:

encabezados-en-html

Ejercicio. Teclea el código anterior en el bloc de notas y guárdalo como encabezados.html

importante

 

Lineas horizontales

Para crear una línea horizontal, utilice la etiqueta </ hr>

lineas-horizontales-en-html

Ejercicio. Teclea el código anterior en el bloc de notas. Guarda el archivo como linea.html

 

Comentarios

El navegador no muestra los comentarios, pero ayudan dentro del código HTML para añadir descripciones, recordatorios y otras notas.

comentqarios-en-html

Ejercicio. Teclea el código anterior en el bloc de notas. Guarda el archivo como comentarios.html

 

 

Ésta es una versión al español del curso HTML de:

solo-learn-html-logo

[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section]