You are here
Dibujos completos en HTML5, lienzo de CANVAS Sin categoría 

Dibujos completos en HTML5, lienzo de CANVAS

Dibujos completos en HTML5, lienzo de CANVAS

 

Luego tenemos una utilidad nueva que merece la pena verla por separado, puesto que nos va a transformar la manera con la que se experimentará la web. Se trata de un lienzo en donde se puede dibujar cualquier cosa e incluso hacer animación compleja.

 

CANVAS: Una etiqueta que genera un lienzo en la página donde realizar cualquier tipo de diseño, soporta dibujo de todo tipo de formas, degradados, imágenes, etc.

 

Nota: La etiqueta CANVAS del HTML simplemente delimita un área de la página donde se puede dibujar, pero para realizar esos dibujos se tiene que utilizar el lenguaje JavaScript, a través del API de Canvas. Es por eso que no ahondaremos en su uso.

 

Ejemplo de uso:

 

<!DOCTYPE html>

<html>

<head>

<title> Página 1</title>

</head>

<body>

<canvas id=”miCanvas”>

Tu navegador no soporta el canvas

</canvas>

<script type=”text/javascript”>

var canvas=document.getElementById(‘miCanvas’); var ctx=canvas.getContext(‘2d’); ctx.fillStyle='#FF0000′; ctx.fillRect(0,0,80,100);

</script>

</body>

</html>

 

Elementos para la web semántica

 

 

Como decíamos, la segunda clasificación de las nuevas etiquetas del HTML5 está relacionada con lo que se llama la “web semántica”. Veamos a continuación una lista de elementos que han sido agregados al HTML para especificar qué son y no cómo se deben mostrar en la página.

 

 

 

Ø Secciones dentro de una página.

 

Algunas de las nuevas etiquetas nos sirven para decir qué secciones contiene una página:

 

  • ARTICLE: Especifica un artículo, es decir, una unidad de contenido.

 

  • SECTION: Es una sección dentro de un documento.

 

  • HEADER: La cabecera de una página.

 

  • FOOTER: El pie de página o informaciones que formen el pie de una sección.

 

  • ASIDE: Es  una  parte  de  la  web  que  muestra  contenido  accesorio, generalmente colocado en un panel lateral.

 

  • NAV: Con el que colocar el navegador principal de una página web.

 

Si quieres seguir aprendiendo con nosotros, puedes ingresar a nuestros

Cursos y Diplomados de Tecnología Web visita www.uneweb.edu.ve  para más información

Related posts