Desarrolladoresweb.org 
Ahora podemos crear gran variedad de textos vistosos con HTML5 en SVG, similar a las formas geométricas podemos definir gran variedad de propiedades, ademas al tratarse de texto ahora es posible aplicar estilos como el tipo de letra, tamaño, variación, peso, etc. Mejor veamos cómo se hace paso a paso. Etiqueta text Para crear texto … Leer más
Continuando con las formas SVG, en esta lección toca aprender a crear elipses con código HTML, es tan simple como emplear la etiqueta <ellipse/> y mediante atributos establecer el aspecto que deseamos conseguir. La elipse Una elipse es una figura geométrica curva y cerrada, con dos ejes perpendiculares, posee un centro y un eje menor … Leer más
Continuando con las lecciones, hoy aprenderemos a crear un círculo en SVG con HTML5, es más fácil de lo que puedas imaginar, simplemente definimos la posición del centro de dicho círculo y por otro lado el radio que deseamos colocar, además de ello aplicaremos las propiedades para definir su apariencia. Veamos cómo hacerlo. Etiqueta circle … Leer más
Ahora con HTML5 es posible crear formas de polígonos en SVG, figuras geométricas que encierran una región superficial como puede ser: triángulos, cuadriláteros, pentágonos, hexágonos, etc. En esta lección aprenderemos a cómo crearlos. Etiqueta <polygon> La etiqueta <polygon> de HTML5 nos permite crear una figura cerrada mediante varios lados y vértices en conjunto, simplemente creamos … Leer más
Crear un rectángulo con HTML es más sencillo de lo que crees, en esta lección te enseñaré a cómo crear rectángulos en SVG y cómo personalizarlos, además veremos varios ejemplos muy específicos para las propiedades respectivas. Vamos a por ello. Etiqueta <rect> Para crear un rectángulo en SVG simplemente creamos la etiqueta <rect/> dentro del … Leer más
Crear polilíneas con código HTML ahora es posible gracias al elemento SVG, es bastante sencillo, solo necesitaremos crear el elemento polilínea dentro de SVG e indicar los puntos de inflexión de la polilínea, a ello le sumamos el aspecto que debe tener y listo. Ahora que ya tienes idea, pues entonces veamos con ejemplos concretos. … Leer más
Crear líneas rectas con código HTML en formato SVG es muy sencillo, basta con definir el punto inicial y el punto final de la línea, a ello le sumamos las propiedades para determinar aspectos como color, ancho y entre otras, veamos de primera mano, cómo es que se hace. Etiqueta <line> HTML Para crear una … Leer más
En esta lección conoceremos y aprenderemos sobre los gráficos SVG en HTML5, ahora es posible crear imágenes con código html, desde simples líneas hasta complejos gráficos bidimensionales de alta calidad, SVG es un formato de imagen particular y veremos por qué. Svg en HTML5 Svg por sus siglas en inglés (scalable vector graphics) significa gráficos … Leer más
Html5 nos permite crear fantásticas barras de progreso, en conjunto con Javascript se pueden crear barras dinámicas, por ejemplo para mostrar el avance de una tarea, un proceso, una medida o cualquier cosa que pueda ser representada mediante el elemento html que hoy aprenderemos. Barras de progreso Con la etiqueta <progress> podemos crear una barra … Leer más
Cómo insertar vídeos en HTML5, en esta lección aprenderemos una fantástica forma de crear un reproductor de vídeo utilizando código HTML, es bastante sencillo y su uso es muy similar al elemento audio que ya aprendimos en la lección anterior. Sin más preámbulo empecemos a aprender a crear nuestro primer código. Etiqueta vídeo en HTML5 … Leer más