Los Temas más visitados de HTML

Listado de los Temas más visitados durante los últimos 30 días
Imágen de perfil

internetIntroducción y primeros pasos con Pug


61 visualizaciones el último mes

HTML

Publicado el 8 de Febrero del 2017 por Administrador
3.058 visualizaciones desde el 8 de Febrero del 2017
Pug (anteriormente conocido como Jade) es un motor de plantilla de Node.js. con el que seremos capaces de escribir código HTML de una sintaxis mucho más sencilla, clara y directa, tanto a la hora de escribir como de leer y modificar.
Imágen de perfil

internetValidación de formulario de datos


48 visualizaciones el último mes

HTML

,

JavaScript

Publicado el 26 de Junio del 2019 por Administrador
619 visualizaciones desde el 26 de Junio del 2019
En tanto tú puedes siempre validar datos en tu servidor, el tener validación adicional de datos en la página web tiene múltiples beneficios. En muchas formas, a los usuarios les molestan los formularios. Si validamos los datos de un formulario mientras el usuario lo llena, el usuario puede saber inmediatamente si ha cometido algún error; esto le ahorra tiempo de espera a una respuesta HTTP y le evita al servidor lidiar con entradas incorrectas en el formulario. Este artículo cubre la validación de datos de formulario dentro del contenido Web de un formulario.

Screenshot_20190626_233321
Imágen de perfil

internetSEO y los HTML Tags fundamentales (2019)


45 visualizaciones el último mes

SEO

,

HTML

Publicado el 25 de Noviembre del 2019 por Administrador
587 visualizaciones desde el 25 de Noviembre del 2019
¿Qué pasa con la sección <head> & <body> del documento HTML de tu sitio web? ¿Influyen sus contenidos en el rendimiento de tu sitio a los ojos de los motores de búsqueda?

Screenshot_20191125_203636
Imágen de perfil

internet¡Aprenda HTML5 en 5 minutos!


39 visualizaciones el último mes

HTML

Publicado el 17 de Mayo del 2016 por Administrador
2.848 visualizaciones desde el 17 de Mayo del 2016
No hay duda, HTML5 es un tema candente para los desarrolladores. Si usted necesita un curso acelerado para comprender con rapidez los fundamentos de la funcionalidad de HTML5, está en el lugar correcto.
Hablaremos del nuevo lienzo para dibujo y animación semántico de marcado, el soporte de audio y vídeo, y como usar HTML5 con navegadores anteriores. Podría tomar un poco más de cinco minutos, pero les prometo que trataré de hacerlo rápido. ¡No se vaya, vale la pena!
Imágen de perfil

internetGenerar códigos QR con PHP y HTML


39 visualizaciones el último mes

PHP

,

HTML

,

Bootstrap

Publicado el 27 de Mayo del 2019 por Administrador
1.851 visualizaciones desde el 27 de Mayo del 2019
Los códigos QR también se les conoce como código de respuesta rápida, es un código de formato de código de barras 2D que se usa para almacenar texto como números de teléfono, correos electrónicos, direcciones y texto simple, etc. En este tutorial te mostraremos cómo generar códigos QR con PHP y HTML.

Screenshot_20190527_215953
Imágen de perfil

.pdfHTML 5 Cheat Sheet


37 visualizaciones el último mes

HTML

Publicado el 31 de Enero del 2011 por Administrador
4.168 visualizaciones desde el 31 de Enero del 2011
Chuleta que resume las principales etiquetas usadas en HTML5. En formato pdf. Contiene 4 páginas.
Imágen de perfil

.htmlMail HTML con imagenes incrustadas en base64


36 visualizaciones el último mes

HTML

Actualizado el 24 de Marzo del 2013 por Administrador (Publicado el 25 de Marzo del 2010)
21.697 visualizaciones desde el 25 de Marzo del 2010
¿Quieres crear un mail HTML con imagenes insertadas que los programas de correo no bloqueen antes de visualizar? Por ejemplo, ¿quieres utilizar una firma con una imagen y que la imagen siempre se visualice sí o sí, sin que aparezca como un archivo adjunto a tus emails? Vamos a ver cómo.
Imágen de perfil

internetTrucos de HTML5 y CSS3


32 visualizaciones el último mes

HTML

Actualizado el 21 de Diciembre del 2011 por Administrador (Publicado el 23 de Agosto del 2011)
17.714 visualizaciones desde el 23 de Agosto del 2011
En esta pagina, encontrarás trucos sencillos para utilizar en tus páginas web. Están realizados de tal manera, que sean sencillos de copiar y pegar en tus códigos. Los trucos que encontraras son:
- HTML5 DOCTYPE
- Rounded Corners
- Rounded Corners Redux: Circles
- Box Shadows
- Gradients
- Text Shadows
- Border Images
- Transform Rotate
- Column Layout
- SVG
- Canvas
- Canvas Text
- Canvas Text Rotate
- Canvas Image Load & Manipulation
- Audio
- Video
Imágen de perfil

internetReemplazo de textos. Una comparación


25 visualizaciones el último mes

HTML

Publicado el 29 de Enero del 2010 por Administrador
4.150 visualizaciones desde el 29 de Enero del 2010
Como diseñadores, la web siempre ha sido bastante limitada en cuanto a opciones tipográficas. Sobre todo para aquellos que vienen del mundo impreso, es difícil conformarse con Verdana, Arial, Helvetica y Times New Roman. Hay muchas técnicas para reemplazar el texto para presentarlo con la tipografía que queremos. Este artículo presenta las características, ventajas y desventajas de las más comunes.
Imágen de perfil

internetCrear una barra de progreso con html5 y javascript


23 visualizaciones el último mes

HTML

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 18 de Septiembre del 2012 por Administrador
8.878 visualizaciones desde el 18 de Septiembre del 2012
Artículo en el que explicamos como crear un barra de progreso con html5 y javascript, que simule la carga de una web y acabe mostrándola.
Imágen de perfil

.htmlColores html


22 visualizaciones el último mes

HTML

Publicado el 4 de Febrero del 2004 por Administrador
8.131 visualizaciones desde el 4 de Febrero del 2004
Paletas y aplicaciones de los colores en html
Imágen de perfil

.htmlHTML5, otra forma de crear


22 visualizaciones el último mes

HTML

Publicado el 11 de Agosto del 2011 por Administrador
8.816 visualizaciones desde el 11 de Agosto del 2011
Adentrate y conoce el nuevo mundo de HTML5.
Imágen de perfil

.htmlChoosing a DOCTYPE


21 visualizaciones el último mes

HTML

Publicado el 14 de Octubre del 2008 por Administrador
4.694 visualizaciones desde el 14 de Octubre del 2008
Interesante y escueto artículo que te ayudará a escojer el DOCTYPE más adecuado para tus páginas web.
Imágen de perfil

internetAlmacenamiento de datos en HTML 5. WebStorage


21 visualizaciones el último mes

HTML

Publicado el 13 de Mayo del 2013 por Administrador
10.073 visualizaciones desde el 13 de Mayo del 2013
En la Web disponemos de dos sitios de dónde extraer y en dónde almacenar información: en el servidor (o servidores) o en el ordenador del usuario (en el lado del cliente). Cada sitio es adecuado para sus misiones y según el tipo y la cantidad de información que movamos.
Por poner un caso paradigmático, cuando nos movemos con información sensible que no deseamos que el usuario pueda alterar, el almacenamiento en el servidor es la elección. En cambio aquella información sobre procesos de navegación del usuario, propios de él y que deben estar muy accesibles, sería un ejemplo de almacenamiento en local, del lado del cliente.
Anteriormente a los sistemas con que disponemos con HTML 5, los cookies era lo único accesible para ésta última finalidad. Cumplen sus función, pero además de otras consideraciones, no gozan de buena fama; han sido fuente de conflictos de seguridad y, desde el punto de vista de la funcionalidad, se requiere un modelo de JavaScript asociado nada claro, no se evita todo un tránsito de ida y vuelta a través de Internet –penalizando sustancialmente el código- y cuando se maneja una cantidad de información poco más que mínima, sin más, no valen o son muy poco funcionales.
Imágen de perfil

internetUn vistazo a las columnas responsive en HTML5 y CSS3


21 visualizaciones el último mes

HTML

,

CSS

Publicado el 30 de Septiembre del 2019 por Administrador
609 visualizaciones desde el 30 de Septiembre del 2019
Una de las cosas que más echábamos de menos los diseñadores al pasarnos de print a web en épocas pretéritas, era la posibilidad de dividir el texto en columnas.

Por suerte, todo esto cambió con la llegada de CSS3. Usando CSS3 tenemos la posibilidad de organizar los contenidos de una página web en columnas sin tener que crear elementos HTML extra, algo muy útil si estamos maquetando una web con mucho contenido o donde la longitud de línea nos pueda quedar demasiado grande (como periódicos o revistas digitales). Antes, hacer esto era totalmente impensable sin la ayuda de JavaScript.

Tener esta posibilidad de dividir los contenidos en columnas nos abre un mundo de posibilidades para jugar con el layout de los contenidos sin tener que rompernos demasiado la cabeza. Por otro lado, hay que tener cuidado con la altura final del contenido, porque la experiencia del usuario se puede degradar al tener que ir haciendo scroll de arriba para bajo para poder leer todo.

Por cierto, hablamos de columnas en los contenidos. Para organizar la maquetación general de la página hay otras técnicas más adecuadas, como crear un grid responsive a base de floats, o usar técnicas como Flexbox o CSS Grid Layout. Y si no, siempre te quedará Bootstrap o frameworks CSS similares.

Screenshot_20190930_160958
Imágen de perfil

internetUna sencilla lista de tareas pendientes utilizando IndexedDB de HTML5


20 visualizaciones el último mes

HTML

Publicado el 16 de Abril del 2014 por Administrador
2.431 visualizaciones desde el 16 de Abril del 2014
IndexedDB es una novedad de HTML5. Las bases de datos web se alojan y se guardan en el navegador del usuario. Al permitir a los desarrolladores crear aplicaciones con capacidad de consulta enriquecida, se espera que surja una nueva generación de aplicaciones web con la capacidad de trabajar tanto online como sin conexión.
El código de ejemplo incluido en este artículo muestra cómo crear un gestor de listas de tareas pendientes de una forma muy sencilla. Realizaremos un recorrido de alto nivel por las funciones disponibles en HTML5.
Contenidos:
Introducción
¿Qué es IndexedDB?
¿Por qué IndexedDB?
Requisitos previos
Asincronía y transaccionalidad
Paso 1. Abrir la base de datos
Paso 2. Crear un almacén de objetos
Paso 3. Añadir datos a un almacén de objetos
Paso 4. Consultar los datos de un almacén
Paso 5. Eliminar datos de una tabla
Paso 6. Conectarlo todo
El producto final
Imágen de perfil

internetComo validar y comprobar el código HTML y CSS de las páginas web


19 visualizaciones el último mes

HTML

Publicado el 7 de Abril del 2016 por Administrador
1.425 visualizaciones desde el 7 de Abril del 2016
Revisar si el código HTML o el de estilo CSS contienen errores, saber cuáles son y cómo corregirlos usando el Validador del W3C. Ejemplos prácticos de los errores más frecuentes. Daños que causan al funcionamiento y posicionamiento de las páginas en las consultas de búsqueda.
Imágen de perfil

internetComo programar un applet para HTML5


19 visualizaciones el último mes

HTML

Publicado el 14 de Octubre del 2016 por Administrador
1.405 visualizaciones desde el 14 de Octubre del 2016
Artículo que explica como programar un applet para HTML5
Imágen de perfil

internetImágenes en diseño web adaptativo: picture, sizes y srcset


19 visualizaciones el último mes

HTML

Publicado el 6 de Febrero del 2017 por Administrador
1.460 visualizaciones desde el 6 de Febrero del 2017
Desde que hace años empezamos a implementar el diseño web adaptativo o responsive web design teníamos un problema pendiente: las imágenes.
Imágen de perfil

internetIntroducción a Canvas de HTML5


18 visualizaciones el último mes

HTML

Publicado el 19 de Mayo del 2015 por Administrador
1.435 visualizaciones desde el 19 de Mayo del 2015
El motivo de este artículo es la etiqueta canvas que es la responsable que permite abrir una ventana de gráficos en tu página web. Realizado por Sergi Suelves.
Imágen de perfil

internetHTML Como Style - version 0.2


17 visualizaciones el último mes

HTML

Publicado el 7 de Agosto del 2003 por Administrador
6.601 visualizaciones desde el 7 de Agosto del 2003
Estoy trabajando en un documento en docbook (sgml) sobre HTML orientado al diseño, especificaciones, estandares, etc...
En primer instancia este documento mas que enseñar HTML enseña actitudes, modos de trabajo y metodos que mejoren la manera de trabajar y la eficiencia...
Actualizacion: Nuevos contenidos, correciones, etc
Imágen de perfil

internetMenú de imágenes con CSS


16 visualizaciones el último mes

HTML

Publicado el 11 de Noviembre del 2004 por Administrador
10.588 visualizaciones desde el 11 de Noviembre del 2004
Cuando Javascript se puso de moda y escribí mi curso hace ya unos años, el truco de moda consistía en hacer unas barras de menú y que al posar el ratón sobre ellas, un script cambiara la imagen y mostrara una distinta. Hoy vamos a estudiar un método alternativo para hacer lo mismo que tiene dos ventajas: que funciona exclusivamente con HTML y CSS, sin Javascript; y que tanto la imagen original como la alternativa están en el mismo fichero gráfico (GIF, JPG o PNG) y por tanto no es necesario esperar a que carguen las imágenes alternativas para que funcione, además de que así se necesitan menos ficheros y la página carga antes. El código funciona en Explorer, Mozilla y Opera.
Imágen de perfil

.pdfDe HTML4 a HTML5


16 visualizaciones el último mes

HTML

Publicado el 24 de Octubre del 2011 por Administrador
8.464 visualizaciones desde el 24 de Octubre del 2011
¿Qué es HTML5?; El nuevo lenguaje HTML5. Conjunto de 34 diapositivas que hacen una visión general de nuevo HTML5.
Imágen de perfil

internetIntroducción y primeros pasos con Pug


16 visualizaciones el último mes

HTML

Publicado el 7 de Noviembre del 2017 por Administrador
722 visualizaciones desde el 7 de Noviembre del 2017
Pug (anteriormente conocido como Jade) es un motor de plantilla de Node.js. con el que seremos capaces de escribir código HTML de una sintaxis mucho más sencilla, clara y directa, tanto a la hora de escribir como de leer y modificar.

Para ello, necesitamos un compilador externo como pueda ser Prepros en Windows, o CodeKit en Mac. Aunque para esta ocasión, y sabiendo mi predilección por Atom y sus extensiones, no hará falta instalar ningún software extra más allá de nuestro editor de código.
Imágen de perfil

internetCómo Dibujar Gráficas Usando JavaScript y Canvas HTML5


16 visualizaciones el último mes

JavaScript

,

HTML

Publicado el 25 de Octubre del 2018 por Administrador
792 visualizaciones desde el 25 de Octubre del 2018
En este tutorial te mostraré cómo usar JavaScript y el canvas como medios para mostrar información numérica en la forma de gráficas de pastel y gráficas de dona.
Imágen de perfil

internetBuscador sencillo para páginas web


15 visualizaciones el último mes

HTML

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 15 de Noviembre del 2004 por Administrador
10.242 visualizaciones desde el 15 de Noviembre del 2004
Una de las funcionalidades más imprescindibles en cualquier página web es la posibilidad de realizar búsquedas sencillas. En este recurso se mostrará un procedimiento para crear una caja de búsquedas que permita mostrar los documentos contenidos en la base de datos mediante una búsqueda sencilla.
Imágen de perfil

.pdfListado de Entidades de Carácteres


15 visualizaciones el último mes

HTML

Publicado el 6 de Mayo del 2009 por Administrador
4.249 visualizaciones desde el 6 de Mayo del 2009
Listado de carácteres con sus entidades equivalentes en HTML. En formato pdf. Contiene 3 páginas.
Imágen de perfil

internetSeguimiento de vídeos HTML5 con Google Tag Manager


15 visualizaciones el último mes

HTML

,

Audio y Video

,

JavaScript

Actualizado el 13 de Junio del 2019 por Administrador (Publicado el 10 de Junio del 2019)
573 visualizaciones desde el 10 de Junio del 2019
Hoy os traemos otro post-receta para Google Tag Manager: una solución completa y configurable para medir vídeos HTML5 incrustados directamente en una página; es decir, con etiquetas <video> en lugar de mediante reproductores de terceros.
Imágen de perfil

.zipCaracteres especiales


14 visualizaciones el último mes

HTML

Publicado el 26 de Agosto del 2002 por Administrador
7.505 visualizaciones desde el 26 de Agosto del 2002
Una página web se ha de ver en paises distintos, que usan conjuntos de caracteres distintos. El lenguaje HTML nos ofrece un mecanismo por el que podemos estar seguros que una serie de caracteres raros se van a ver bien en todos los ordenadores del mundo, independientemente de su juego de caracteres.
En este artículo se pueden ver la relación de caracteres especiales, junto con sus correspondientes traducciones interpretadas.
Imágen de perfil

internetCreación y envío de boletines de novedades


14 visualizaciones el último mes

HTML

Publicado el 26 de Marzo del 2014 por Administrador
2.612 visualizaciones desde el 26 de Marzo del 2014
Enseñamos qué es un boletín, cómo distribuirlos, consejos para crearlos mejor. Además, explicamos cómo hacer boletines en formato HTML y otras cosas.
Contenidos:
1.- Boletines de novedades
2.- Posibilidades para el envío de corrreo masivo
3.- Algunas listas de correo
4.- Como escribir newsletters
5.- Creación de boletines en formato HTML
6.- Enviando correo en formato HTML a la lista
7.- Newsletters que sirven para vender
8.- Mandar y contabilizar una encuesta por mail
9.- Utilizar CSS para maquetar un boletín
10.- 3 formas imbatibles de aumentar los suscritos a un Boletín