HTML5
HTML5
com/340390548
Contraseña: apirsh009
Historia
- HTML (HyperText Markup Language) nace de la mano de Tim
Berners-Lee en 1991.
<!DOCTYPE html>
<html> <!-- Raíz del documento HTML -->
<head> <!-- Contenedor de todos los elementos HEAD —>
</head>
<body> <!-- Contenedor principal de nuestro HTML -->
</body>
</html>
<meta charset=“UTF-8">
<!-- De ne la codi cación de caracteres —>
<meta name=“viewport”>
<!-- Comportamiento web en diferentes dispositivos -->
<nav>
<ul>
<li><a href=“/”>Inicio</a></li>
<li><a href=“/about.html”>Sobre nosotros</a></li>
</ul>
</nav>
<section>
Sirve para agrupar contenido por temática dentro de un mismo
documento.
<section>
<!-- Quienes somos -->
</section>
<section>
<!-- Que hacemos -->
</section>
<article>
Detalla contenido independiente, que tiene sentido por sí solo.
<article>
<!-- Novedad 1 -->
</article>
<article>
<!-- Novedad 2 -->
</article>
<aside>
Muestra contenido relacionado con su entorno.
<aside>
<!-- Recomendaciones relacionadas con la Novedad 1 -->
</aside>
<header>
Especi ca un encabezado para la página, sección o artículo.
<section>
<header>
<h1>Novedades</h1>
</header>
<!-- Cuerpo de la sección -->
</section>
fi
<footer>
Especi ca un pie para la página, sección o artículo.
<section>
<!-- Cuerpo de la sección -->
<footer>
<small>Publicado hace 1 día</small>
</footer>
</section>
fi
<main>
De ne el contenido principal de un documento.
Sólo debe haber uno por página y no puede ser descendiente de
<article>, <aside>, <footer>, <header> o <nav>.
<main>
<h1>Web Browsers</h1>
<p>Lorem ipsum dolor sit amet.</p>
<article>
</article>
</main>
fi
< gure> y < gcaption>
De ne un contenido y su de nición textual (como un grá co,
fotografía, video, etc.).
< gure>
<img src=“logo.png” alt=“HTML5 Logo”>
< gcaption>Figura 1. Logotipo de HTML5 en 2014</ gcaption>
</ gure>
fi
fi
fi
fi
fi
fi
fi
fi
fi
Tablas
Este input solo nos permite introducir una fecha y una hora
(SIN zona horaria) a través de un calendario.
Este input solo nos permite elegir un color con un color picker.
Este input solo nos permite un número entre un rango con un slider.
fi