Want to create interactive content? It’s easy in Genially!
ETIQUeTAS HTML
ANDREA SANCHEZ GARCIA
Created on March 19, 2025
Start designing with a free template
Discover more than 1500 professional designs like these:
View
Psychedelic Presentation
View
Chalkboard Presentation
View
Witchcraft Presentation
View
Sketchbook Presentation
View
Genial Storytale Presentation
View
Vaporwave presentation
View
Animated Sketch Presentation
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:
<div> </div>
<nav> </nav>
Contenedor genérico para agrupar otros elementos, usado para estructurar el contenido. SINTAXIS:
Define una sección de navegación, normalmente para enlaces de menú. SINTAXIS:
Anima tu contenido y llévalo al siguiente nivel
<ol></ol>
<ul></ul>
<li> </li>
Así mantendrás la atención de tu audiencia
...Aunque luego lo expliques oralmente
Puedes plasmar cifras de esta forma
Puedes hacer un esquema para sintetizar el contenido y utilizar palabras que se graben a fuego en el cerebro de tu audiencia.
Si vas a presentar en directo, te recomendamos que entrenes tu voz y ensayes: ¡la mejor improvisación siempre es la más trabajada!.
Demuestra entusiasmo, esboza una sonrisa y mantén el contacto visual con tu audiencia: 'The eyes, chico. They never lie'.
<button>
<input>
<a>
Así mantendrás la atención de tu audiencia
...Aunque luego lo expliques oralmente
Puedes plasmar cifras de esta forma
Puedes hacer un esquema para sintetizar el contenido y utilizar palabras que se graben a fuego en el cerebro de tu audiencia.
Si vas a presentar en directo, te recomendamos que entrenes tu voz y ensayes: ¡la mejor improvisación siempre es la más trabajada!.
Demuestra entusiasmo, esboza una sonrisa y mantén el contacto visual con tu audiencia: 'The eyes, chico. They never lie'.
<br>
<img>
<main>
Así mantendrás la atención de tu audiencia
...Aunque luego lo expliques oralmente
Puedes plasmar cifras de esta forma
Puedes hacer un esquema para sintetizar el contenido y utilizar palabras que se graben a fuego en el cerebro de tu audiencia.
Si vas a presentar en directo, te recomendamos que entrenes tu voz y ensayes: ¡la mejor improvisación siempre es la más trabajada!.
Demuestra entusiasmo, esboza una sonrisa y mantén el contacto visual con tu audiencia: 'The eyes, chico. They never lie'.
<body>
<p>
<hr>
Así mantendrás la atención de tu audiencia
...Aunque luego lo expliques oralmente
Puedes plasmar cifras de esta forma
Puedes hacer un esquema para sintetizar el contenido y utilizar palabras que se graben a fuego en el cerebro de tu audiencia.
Si vas a presentar en directo, te recomendamos que entrenes tu voz y ensayes: ¡la mejor improvisación siempre es la más trabajada!.
Demuestra entusiasmo, esboza una sonrisa y mantén el contacto visual con tu audiencia: 'The eyes, chico. They never lie'.
<style>
<pre>
<html>
Así mantendrás la atención de tu audiencia
...Aunque luego lo expliques oralmente
Puedes plasmar cifras de esta forma
Puedes hacer un esquema para sintetizar el contenido y utilizar palabras que se graben a fuego en el cerebro de tu audiencia.
Si vas a presentar en directo, te recomendamos que entrenes tu voz y ensayes: ¡la mejor improvisación siempre es la más trabajada!.
Demuestra entusiasmo, esboza una sonrisa y mantén el contacto visual con tu audiencia: 'The eyes, chico. They never lie'.
<aside>
<title>
<section>
Así mantendrás la atención de tu audiencia
...Aunque luego lo expliques oralmente
Puedes plasmar cifras de esta forma
Puedes hacer un esquema para sintetizar el contenido y utilizar palabras que se graben a fuego en el cerebro de tu audiencia.
Si vas a presentar en directo, te recomendamos que entrenes tu voz y ensayes: ¡la mejor improvisación siempre es la más trabajada!.
Demuestra entusiasmo, esboza una sonrisa y mantén el contacto visual con tu audiencia: 'The eyes, chico. They never lie'.
<meta>
<footer>
...Aunque luego lo expliques oralmente
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.