Mtro. Fernando Arciniega

Apoyame con un clic en los anuncios, me ayudas a seguir generando contenido de calidad. ¡Gracias por tu apoyo!

Generic selectors
Exact matches only
Search in title
Search in content
Post Type Selectors
Search in posts
Search in pages

HTML – Clase2

HTML – Clase2
Print Friendly, PDF & Email

[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]

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.