El autocompletado es una característica de los navegadores que recuerda al usuario lo que ha introducido previamente en los campos de formulario con el mismo nombre. Fue introducido inicialmente por Microsoft en Internet Explorer pero ya lo incluyen prácticamente todos los navegadores. En general el autocompletado es una característica bastante útil de los navegadores, pero … Leer más
Cuando utilizamos tablas muy grandes en altura y con muchos datos en nuestras páginas puede que nos resulte muy útil este truco del que vamos a hablar. En este artículo vamos a comentar cómo transformar nuestras viejas y aburridas tablas en otras con cabecera fija y scroll utilizándo únicamente CSS. Muy útil para aquellas tablas … Leer más
Hoy en día es bastante frecuente la utilización de código Javascript para generar fragmentos de código html dinámicos en casi todas páginas web, ya sea mediante las funciones del DOM o a través de otros medios. Sin embargo, si el código Javascript es complejo, puede ser difícil ver qué es lo que estamos haciendo y … Leer más
En este artículo veremos cómo abrir correctamente una ventana nueva o popup utilizando javascript. Aunque la mayoría de las webs que visitamos abren popups, sólo unas pocas de ellas lo hacen de la forma correcta, esto es, respetando los estándares html y las reglas básicas de accesibilidad. Es importante utilizar siempre código correctamente formado en … Leer más
Todos hemos visto alguna vez los típicos menús de navegación en forma de pestañas o solapas, situadas en la parte superior de la página, que cambian de color al pasar el puntero del ratón por encima. Un poco de historia… Estos menús generalmente se basaban en la utilización de dos imágenes diferentes para cada pestaña … Leer más
Las tablas son utilizadas en HTML, no sólo para presentar información en forma de filas y columnas, sino también para maquetar páginas, ya que es posible conseguir diseños que hasta ahora eran difíciles de conseguir por otros medios. Sin embargo, con los recursos de posicionamiento que proporcionan las hojas de estilo, este último uso de … Leer más
Las listas son otro elemento de gran utilidad para estructurar contenidos en documentos HTML. Existen dos tipos distintos de listas: listas desordenadas y listas ordenadas. Listas desordenadas Su función es la de organizar información en la que el orden de los contenidos no es importante. Este tipo de listas se declaran con la etiqueta HTML … Leer más
Podemos incluir imágenes en un documento HTML utilizando el elemento ‘img‘ y su atributo ‘src‘ para indicar la ruta del fichero de imagen. Observad que el elemento ‘img‘ es un elemento vacío, por lo que se utilizará siempre sin etiqueta de cierre. El atributo src Con el atributo ‘src‘ (de source, fuente) se puede indicar … Leer más
Encabezados Los encabezados son una manera sencilla de estructurar el documento dividiéndolo en secciones. En HTML existen 6 niveles de cabeceras: h1, h2, h3, h4, h5 y h6. Los navegadores muestran generalmente cada una de ellas con una tipografía determinada y un tamaño por defecto, que va desde el más grande (h1) hasta el más … Leer más
En este artículo veremos un primer conjunto de elementos o etiquetas HTML, que podremos utilizar en nuestras páginas web para formatear su contenido, y que iremos completando poco a poco en próximos artículos. Párrafos Como ya vimos anteriormente, para identificar fragmentos de texto como párrafos en HTML se utiliza el par de etiquetas ‘<p> … … Leer más