Taller de HTML

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.

Si te parece útil este manual ayúdanos compartiendo!! :)

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.- Deshabilitar la barra de imágenes de Internet Explorer

En este breve tutorial veremos de que forma podemos desabilitar la barra que aparece en IExlorer 6 al situar el ratón sobre una imagen.

6.- Tabla con las esquinas redondeadas

Taller de HTML en el que creamos una tabla con color de fondo cuyas esquinas están redondeadas.

7.- 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.

8.- Frames sin bordes

Taller de HTML en el que explicamos cómo realizar frames sin bordes en lso navegadores más habituales.

9.- 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.

10.- 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.

11.- 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.

12.- Escribir por encima de las imágenes

Un par de sencillos ejemplos para constatar que esto es posible.

13.- 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.

14.- Tabla con diseño en su base II

Continuamos con el capítulo anterior, ofreciendo otras distintas maneras de conseguir efectos en una tabla.

15.- 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.

16.- Gestión de mapas

Vamos a ver un script en el que podremos gestionar este tipo tan especial de imágenes.

17.- 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.

18.- 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.

19.- Maquetar una página web con tablas

Explicaciones prácticas sobre la maquetación de páginas web con HTML usando tablas.

20.- 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.

21.- 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.

22.- 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.

23.- 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.

24.- Contador de visitas con la procedencia de los usuarios

Presentamos ClustrMaps, un contador para saber la procedencia de los visitantes de tu web.

25.- 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.

26.- 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.

27.- 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.

28.- 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.

29.- Transiciones de página con etiquetas META

Las etiquetas META sirven también para especificar transiciones entre páginas, sólo para Explorer.

30.- Meta tags sociales

Implementar etiquetas META en el HTML que permiten mejorar nuestra viralidad en las redes sociales, Twitter, Facebook, G+, Pinterest.

Descargas

Este manual puedes descargarlo en formato amigable para impresión y lectura en dispositivos a través de la App de DesarrolloWeb.com.

Compartir

Comentarios

programadorito

24/2/2010
COMENTARIO
MUY BUEN TALLER ME HA SIDO DE GRAN AYUDA JUNTO CON EL MANUAL

siney

11/12/2010
manual
gracias por este manual me ayudo mucho

turrejon

23/7/2011
taller html
buena manual agracedido de poder aprender aso de esta forma...hace tiempo buscaba un curso...creo ke los hare todos jajajaja quero llegar a php y hacer un buscador para mi web...saludos y gracias

eglis2010

28/10/2011
Manual
Este es un manual con articulos que son utilies para mejorar el conocimiento de HTML.

californiaxl1

30/12/2011
Buen taller
Muy buen taller, bastante detallado junto con el Manual de HTML

Saludos.

stnacho

12/3/2012
Muy bueno
La verdad que buscando en internet este fue el mas complejo para poder entender HTMl, uno de los mejores, gracias.

LaAna

08/4/2013
alert("hola");
<script>alert("hola");</script>