Una serie de artículos prácticos para aprender a trabajar con HTML. Ofrece pequeños trucos de maquetación para que los más novatos puedan empezar a dominar el lenguaje.
Artículos del manual
-
1
Contacto con navegante
Aprende los mecanismos que tienes a tu alcance para comunicarte con el visitante de tus páginas. Desde correo hasta libros de visitas...
-
2
Valorar una web
Vemos un interesante taller de HTML donde ofrecemos al visitante de nuestra web un formulario rápido para valorar nuestra web.
-
3
Fondos de imagen en HTML
Explicamos asuntos relativos al uso de fondos de imagen en HTML y ofrecemos algún ejemplo ilustrativo.
-
4
Como proteger el código fuente de una web
Con un sencillo Script podemos hacerles las cosas un poco más difíciles a todos aquellos que andan faltos de inspiración y pretenden robarnos nuestro código para hacer sus propias páginas.
-
5
Tabla con las esquinas redondeadas
Taller de HTML en el que creamos una tabla con color de fondo cuyas esquinas están redondeadas.
-
6
Tabla con las esquinas redondeadas, tipo 2
Otro ejemplo de tabla con las esquinas redondeadas, en este caso con un borde de un pixel, también redondeado.
-
7
Frames sin bordes
Taller de HTML en el que explicamos cómo realizar frames sin bordes en lso navegadores más habituales.
-
8
Tabla mejorada con imagenes para barra de navegación
Una tabla de enlaces HTML a la que le intercalamos imágenes para transformarla un poco y hacerla más vistosa. Utilizable en una barra de navegación.
-
9
Barra de navegación HTML sencilla
En este taller de HTML vamos a desarrollar una barra de navegación de una manera muy sencilla, en la que utilizaremos una imagen para dar un pequeño efecto para hacer uno de los bordes de la tabla oblicuo.
-
10
Barra de navegación HTML
Todos los pasos para conseguir implementar una barra de navegación cuyos enlaces tienen un estilo similar a una solapa.
-
11
Escribir por encima de las imágenes
Un par de sencillos ejemplos para constatar que esto es posible.
-
12
Tabla con diseño en su base
Cómo dar formato a una tabla utilizando dibujos. Un efecto HTML para conseguir que la silueta de la tabla no se vea totalmente cuadrada.
-
13
Tabla con diseño en su base II
Continuamos con el capítulo anterior, ofreciendo otras distintas maneras de conseguir efectos en una tabla.
-
14
Listas HTML hechas con tablas
Taller de HTML en el que se realiza una lista de elementos, pero utilizando tablas en lugar de la estructura de lista OL o UL.
-
15
Gestión de mapas
Vamos a ver un script en el que podremos gestionar este tipo tan especial de imágenes.
-
16
Recuadro elegante y sencillo con HTML
Cómo hacer con HTML, de manera sencilla y práctica, un recuadro para destacar parte del contenido de una página web.
-
17
Teclas rápidas para los enlaces
Utilizando el atributo accesskey se pueden definir atajos de teclado para acceder a los enlaces directamente con la pulsación de ALT y una tecla que indiquemos en el atributo.
-
18
Maquetar una página web con tablas
Explicaciones prácticas sobre la maquetación de páginas web con HTML usando tablas.
-
19
Recargar o redirigir a otra página con HTML
Código HTML en etiquetas META para refrescar una página o hacer una redirección a otra página automáticamente.
-
20
Transparencia en formatos gráficos para web GIF y PNG
Como hacer imágenes transparentes para la web, con formatos GIF y PNG, para eliminar los molestos halos.
-
21
Poner vídeo en una página web a través de YouTube
Una forma muy sencilla de poner un vídeo en una página web es subirlo a YouTube y luego incrustarlo en la página web por medio de un código HTML que ellos proporcionan.
-
22
Cómo hacer una transparencia con GIF sin halo
Cómo hacer una imagen con formato GIF que tenga transparencia y suavizado, pero sin que aparezcan halos.
-
23
Contador de visitas con la procedencia de los usuarios
Presentamos ClustrMaps, un contador para saber la procedencia de los visitantes de tu web.
-
24
Animación HTML sencilla con marquee
Utilizamos la etiqueta marquee para realizar una animación sencilla en una página web. Como animar una imagen o hacer texto en moviendo sólo con HTML.
-
25
Declaración DOCTYPE en documentos HTML
Estudio de la declaración del tipo de documento HTML, que se especifica en la declaración DOCTYPE al principio del código.
-
26
Etiquetas para resaltar texto en HTML
Algunas etiquetas que pueden servir para resaltar texto en HTML, como subrayado, tachado, encabezamientos y formateos de texto de párrafo, como citas, trozos de código, etc.
-
27
Botones HTML con la etiqueta BUTTON
Como crear botones HTML más variados utilizando la etiqueta BUTTON, que permite colocar imágenes y otros contenidos en el botón.
-
28
Transiciones de página con etiquetas META
Las etiquetas META sirven también para especificar transiciones entre páginas, sólo para Explorer.
-
29
Meta tags sociales
Implementar etiquetas META en el HTML que permiten mejorar nuestra viralidad en las redes sociales, Twitter, Facebook, G+, Pinterest.