Want to create interactive content? It’s easy in Genially!

Get started free

ETIQUeTAS HTML

ANDREA SANCHEZ GARCIA

Created on March 19, 2025

Start designing with a free template

Discover more than 1500 professional designs like these:

Transcript

ETIQUeTAS HTML

ANDREA SÁNCHEZ GARCÍA

¿Para que nos sirven?

Las etiquetas de HTML son elementos fundamentales para estructurar y organizar el contenido en una página web. Sirven para definir y darle significado a diferentes partes del contenido, como texto, imágenes, enlaces, formularios y más. Cada etiqueta tiene una función específica y muchas de ellas también pueden incluir atributos para modificar su comportamiento o apariencia.

<header> </header>

se utiliza para definir la cabecera de un documento o una sección específica dentro de una página web. Generalmente, se coloca al principio de la página o de una sección para contener información introductoria o elementos importantes como:El logo del sitio. El título o nombre de la página. Menús de navegación.SINTAXIS:

<h1> </h1> , <h6> </h6>

Son etiquetas que se utilizan para definir encabezados de diferentes niveles, lo que organiza el contenido jerárquicamente. SINTAXIS:

Define una sección de navegación, normalmente para enlaces de menú. SINTAXIS:

Contenedor genérico para agrupar otros elementos, usado para estructurar el contenido. SINTAXIS:

<nav> </nav>

<div> </div>

Anima tu contenido y llévalo al siguiente nivel

<li> </li>

<ul></ul>

Puedes plasmar cifras de esta forma

Demuestra entusiasmo, esboza una sonrisa y mantén el contacto visual con tu audiencia: 'The eyes, chico. They never lie'.

Si vas a presentar en directo, te recomendamos que entrenes tu voz y ensayes: ¡la mejor improvisación siempre es la más trabajada!.

Puedes hacer un esquema para sintetizar el contenido y utilizar palabras que se graben a fuego en el cerebro de tu audiencia.

<ol></ol>

...Aunque luego lo expliques oralmente
Así mantendrás la atención de tu audiencia

<a>

Puedes plasmar cifras de esta forma

Demuestra entusiasmo, esboza una sonrisa y mantén el contacto visual con tu audiencia: 'The eyes, chico. They never lie'.

Si vas a presentar en directo, te recomendamos que entrenes tu voz y ensayes: ¡la mejor improvisación siempre es la más trabajada!.

Puedes hacer un esquema para sintetizar el contenido y utilizar palabras que se graben a fuego en el cerebro de tu audiencia.

<input>

...Aunque luego lo expliques oralmente

<button>

Así mantendrás la atención de tu audiencia

<main>

Puedes plasmar cifras de esta forma

Demuestra entusiasmo, esboza una sonrisa y mantén el contacto visual con tu audiencia: 'The eyes, chico. They never lie'.

Si vas a presentar en directo, te recomendamos que entrenes tu voz y ensayes: ¡la mejor improvisación siempre es la más trabajada!.

Puedes hacer un esquema para sintetizar el contenido y utilizar palabras que se graben a fuego en el cerebro de tu audiencia.

<img>

...Aunque luego lo expliques oralmente

<br>

Así mantendrás la atención de tu audiencia

<hr>

Puedes plasmar cifras de esta forma

Demuestra entusiasmo, esboza una sonrisa y mantén el contacto visual con tu audiencia: 'The eyes, chico. They never lie'.

Si vas a presentar en directo, te recomendamos que entrenes tu voz y ensayes: ¡la mejor improvisación siempre es la más trabajada!.

Puedes hacer un esquema para sintetizar el contenido y utilizar palabras que se graben a fuego en el cerebro de tu audiencia.

<p>

...Aunque luego lo expliques oralmente

<body>

Así mantendrás la atención de tu audiencia

<html>

Puedes plasmar cifras de esta forma

Demuestra entusiasmo, esboza una sonrisa y mantén el contacto visual con tu audiencia: 'The eyes, chico. They never lie'.

Si vas a presentar en directo, te recomendamos que entrenes tu voz y ensayes: ¡la mejor improvisación siempre es la más trabajada!.

Puedes hacer un esquema para sintetizar el contenido y utilizar palabras que se graben a fuego en el cerebro de tu audiencia.

<pre>

...Aunque luego lo expliques oralmente

<style>

Así mantendrás la atención de tu audiencia

<section>

Puedes plasmar cifras de esta forma

Demuestra entusiasmo, esboza una sonrisa y mantén el contacto visual con tu audiencia: 'The eyes, chico. They never lie'.

Si vas a presentar en directo, te recomendamos que entrenes tu voz y ensayes: ¡la mejor improvisación siempre es la más trabajada!.

Puedes hacer un esquema para sintetizar el contenido y utilizar palabras que se graben a fuego en el cerebro de tu audiencia.

<aside>

...Aunque luego lo expliques oralmente

<title>

Así mantendrás la atención de tu audiencia

<meta>

Puedes plasmar cifras de esta forma

se utiliza para definir el pie de página de un documento o una sección. Generalmente, contiene información como: Derechos de autor. Enlaces de contacto. Enlaces de políticas (privacidad, términos de uso). Información adicional relacionada con la página o el sitio web.

Puedes hacer un esquema para sintetizar el contenido y utilizar palabras que se graben a fuego en el cerebro de tu audiencia.

<footer>

...Aunque luego lo expliques oralmente