1.- Texto

Para escribir títulos podemos usar las etiquetas: h1... h6

Etiqueta p se usa para los párrafos.

Con la etiqueta strong podemos resaltar carácteres.

Para abrir la ternimal en VSC: ctrl + ñ

Este texto, inicialmente no resaltado, ahora resaltado con la etiqueta mark.

Etiquetas de cursiva, negrita, subrayado:

• negrita con la etiqueta strong
• cursiva con la etiqueta em
• subrayado con la etiqueta u

Texto tachado.

A² <-- superíndice

A₂ <-- subíndice

Podemos escribir comentarios usando < ! - - aquí el comentario - - >

En VSC ctrl + k + c y ctrl + k + u para poner y quitar comentarios.

2.- Atributos

Atributos globales: que se pueden usar en todas las etiquetas html como: class, id

Atributos específicos: son propios de ciertas etiquetas como: src, alt

Atributos booleanos: solo basta con escribirlos en la etiqueta, si lo ponemos funcionan como true, por ejemplo el atributo hidden

3.- Anchor

Se utilizan para insertar un enlace en un documento. Permiten la navegación interna en tu documento y externa a otras páginas.

- Navegación interna:

- Navegación externa:

- Anchor con protocolos especiales

4.- Listas

• item
• item
• item

• Lista desordenada con la etiqueta ul para envolver todos los items
• Con la etiqueta li, listamos cada item
• Con la etiqueta li, listamos cada item

1. Lista ordenadas con la etiqueta ol
2. Con la etiqueta li, listamos cada item
3. Con la etiqueta li, listamos cada item

7. con el atributo type podemos indicar si es numeral o con letras
8. Con atributo reversed podemos invertir el orden
9. Con atributo start podemos indicar el valor de inicio
10. item 10

5.- Multimedia

- Imágenes

Recuerda que podemos usar el servicio de la nube Cloudinary para almacenar imágenes.

- Imágenes descargables

6.- HTML Semántico

Es el correcto uso de las diferentes etiquetas html para la descripción del contenido la página.

Ejemplo de HTML semántico:

Importante: La etiqueta div y span solo la usamos cuando queremos agrupar elementos cuando no hay un significado semántico.

La etiqueta span es la versión en línea de una etiqueta div. Mientras que esta última se utiliza para agrupar otras etiquetas variadas, agruparlas y organizarlas de forma semántica o con cierto sentido, la etiqueta span permite hacer lo mismo con fragmentos de texto en línea, sin cambiar el flujo del mismo.

7.- Elementos reemplazables

Algunos objetos que normalmente funcionan como objetos de reemplazo. Se los pueden identificar porque no tienen etiquetas de cierre como: img, object, video o elementos de formulario como textarea, input.

Formulario de contacto