Introducción a HTML

HTML5

• Lenguaje que es el componente más básico de la Web. Define el significado y la estructura del contenido web.

• Lenguaje de estilos utilizado para describir la presentación de documentos.

• Lenguaje de programación ligero, interpretado, o compilado justo-a-tiempo. Se utiliza principalmente del lado del cliente, permitiendo mejoras en la interfaz de usuario y páginas web dinámicas.

¿Qué debería tener como estructura básica un HTML?

• DOCTYPE

• html

• head

• body

• div

¿Qué partes contiene la estructura básica de una etiqueta HTML?

• etiqueta apertura

• atributo

• id

• contenido

• etiqueta de cierre

Etiqueta que tiene que ver con el significado, es decir, si nos informa sobre lo que trata su contenido. ¿A qué hace referencia?

• Etiquetas no semánticas

• Divitis

• Etiquetas semánticas

<header>

• Representa un grupo de ayudas introductorias o de navegación. También puede contener logos, formulario de búsqueda o tabla de contenidos.

• Sección de una página que enlaza a otras páginas o partes de la misma.

• Sección de una pagina que contiene contenido relacionado tangencialmente al de su alrededor. Por lo general se utilizan como barras laterales.

• Representa el contenido predominante de la página.

<nav>

• Representa un grupo de ayudas introductorias o de navegación. También puede contener logos, formulario de búsqueda o tabla de contenidos.

• Sección de una página que enlaza a otras páginas o partes de la misma.

• Sección de una pagina que contiene contenido relacionado tangencialmente al de su alrededor. Por lo general se utilizan como barras laterales.

• Representa el contenido predominante de la página.

<aside>

• Representa un grupo de ayudas introductorias o de navegación. También puede contener logos, formulario de búsqueda o tabla de contenidos.

• Sección de una página que enlaza a otras páginas o partes de la misma.

• Sección de una pagina que contiene contenido relacionado tangencialmente al de su alrededor. Por lo general se utilizan como barras laterales.

• Representa el contenido predominante de la página.

<main>

• Representa un grupo de ayudas introductorias o de navegación. También puede contener logos, formulario de búsqueda o tabla de contenidos.

• Sección de una página que enlaza a otras páginas o partes de la misma.

• Sección de una pagina que contiene contenido relacionado tangencialmente al de su alrededor. Por lo general se utilizan como barras laterales.

• Representa el contenido predominante de la página.

<article>

• Representa una sección de contenido que puede ser distribuido de forma independiente.

• Representa a una sección genérica de una pagina. Agrupa contenidos que tienen una relación temática entre si.

• Generalmente contiene información acerca de quién lo escribió, enlaces a documentos relacionados, datos de derechos de autor o similares.

<section>

• Representa una sección de contenido que puede ser distribuido de forma independiente.

• Representa a una sección genérica de una pagina. Agrupa contenidos que tienen una relación temática entre si.

• Generalmente contiene información acerca de quién lo escribió, enlaces a documentos relacionados, datos de derechos de autor o similares.