Manual de HTML

2.- Introducción al HTML
Las primeras cosas que debes saber sobre HTML: historia, objetivos y demás conocimientos donde sentar las bases del manual. Entrar

3.- Sintaxis del HTML
Descripción de la sintaxis con la que se trabaja en el lenguaje HTML, así como la estructura que tendrá el documento básico HTML. Entrar

4.- Tu primera página
Vamos a ver cómo se hace una página muy sencilla en HTML, que sirva de práctica a los debutantes. Entrar

5.- formato de párrafos en HTML
Cómo colocar párrafos y saltos de línea en páginas web. También vemos los encabezados como párrafos que sirven de titulo. Entrar

6.- formateando el texto
Vemos como colocar negritas, itálicas, subrayados, subíndices y supreíndices. Entrar

7.- Videotutorial de HTML - Parte 1, documento básico y formato de texto
En este videotutorial de HTML veremos los aspectos más elementales del lenguaje de etiquetas. Aprenderemos el documento básico y formatear párrafos y textos. Entrar

8.- Color, tamaño y tipo de letra
Seguimos aprendiendo etiquetas que nos sirven para formatear el texto. Entrar

9.- Los colores y HTML
En este reportaje tratamos de acercarte todos los detalles relativos al buen uso de colores en HTML. Colores compatibles con todos los sistemas. Entrar

10.- Atributos para páginas
Explicamos una serie de atributos que se aplican de manera global a toda la página, como el color de fondo el del texto, de los enlaces, márgenes, etc. Entrar

11.- Vídeotutorial de HTML - Fuentes, colores y estilos de BODY
Segunda entrega del videotutorial de HTML, donde veremos los colores HTML, estilos de tipográfía y los estilos generales del cuerpo, como fondos y colores de texto y enlaces. Entrar

12.- Listas I - Listas desordenadas
Vemos lo que son las listas y señalamos los tres tipos que hay. Estudiamos las listas desordenadas. Entrar

13.- Listas II - Listas ordenadas
Estudiamos otro tipo de listas: las listas ordenadas. Entrar

14.- Listas III - Listas de definición
Vemos las listas de definición y aprendemos a anidar listas para crear estructuras lista más complejas. Entrar

15.- Videotutorial: Listas HTML
Presentamos un vídeo en el que hablamos de las listas HTML y además adelantamos alguna cosa sobre editores de HTML, que empezaremos a usar para facilitar las cosas en estos vídeos. Entrar

16.- Caracteres especiales
Una referencia útil, y una lista completa de los caracteres especiales del HTML. Entrar

17.- Enlaces en HTML
Vemos qué son los enlaces en HTML y los distintos tipos. Entrar

18.- Enlaces internos
Los enlaces HTML que se hacen con otras partes de la misma página. Entrar

19.- Enlaces locales
Enlaces HTML con otras páginas del mismo sitio web. Entrar

20.- Enlaces externos, de correo y hacia archivos.
Vemos tres tipos de enlaces. Los dirigidos a otras páginas de otros webs, a direcciones de correo y a ficheros externos. Entrar

21.- Atributo nofollow en los enlaces
El atributo rel=nofollow, de los enlaces, sirve para que los buscadores no continúen reastreando a partir de esos enlaces. Entrar

22.- Videotutorial HTML: enlaces y caracteres especiales
Videotutorial sobre los enlaces en HTML, explicando todos sus tipos, y los caracteres especiales del HTML. Entrar

23.- Imágenes en HTML
Vemos cómo colocar una imagen en una página web y algunos atributos básicos para asignarle estilos a las imágenes en HTML. Entrar

24.- Alineación de imágenes con HTML
Explica la manera de alinear la imagen dentro de la página: centrarla, colocarla a la derecha, a la izquierda, etc. Entrar

25.- Videotutorial HTML: imágenes
Vídeo en el que mostraremos cómo trabajar con imágenes en HTML y cómo editar y optimizar las imágenes para la web. Entrar

26.- Formatos gráficos para páginas web
Presenta los formatos gráficos utilizados en las páginas web, el GIF, el JPG y PNG. Hace incapié en los dos primeros, resumiendo sus características y enseñando a optimizar los ficheros. Entrar

27.- Tablas en HTML
Vemos lo que son las tablas, para que sirven y en qué casos podemos utilizarlas. Vemos la tabla más simple posible. Entrar

28.- Tablas en HTML. Atributos para filas y celdas.
Continuamos con las tablas. Vemos los atributos que podemos colocar en las filas y las celdas. Entrar

29.- Tablas en HTML. Atributos de la tabla y conclusión.
Conocemos los atributos principales que le podemos asignar a la tabla de modo general. Además vemos varios ejemplos prácticos de construcción de tablas. Entrar

30.- Bordes de tabla en HTML 4
Mostramos algunos atributos de table, válidos en HTML 4, para definir el borde de las tablas: especificar bordes de varios tipos, externos e internos. Entrar

31.- Agrupar filas o columnas de tablas con HTML 4
En HTML 4.0 podemos agrupar filas de una tabla, o columnas. Sirve para especificar estilos específicos a esas filas o columnas. Entrar

32.- Formularios HTML
Empezamos la explicación de la creación de formularios con el lenguaje HTML. Entrar

33.- Elementos de Formularios. Campos de texto
Vemos detenidamente los distintos elementos de formulario que sirven para introducir texto. Entrar

34.- Otros elementos de formulario
Explicamos la sintaxis y el funcionamiento de las cajas y listas de selección, casillas de verificación y botones de radio. Entrar

35.- Envio, borrado y demás en formularios HTML
Enseñamos la manera de colocar botones de envio y borrado en formularios HTML. También conocemos los campos invisibles y los botones normales. Además, hacemos un ejemplo práctico. Entrar

36.- Etiquetas FIELDSET y LEGEND de formularios
Las etiquetas de HTML FIELDSET y LEGEND sirven para crear bloques de elementos dentro de formularios. Entrar

37.- Mapas de imágenes con HTML
Explicamos detalladamente el proceso para crear mapas de imágenes, osea, imágenes que tienes varios enlaces asociados en distintas áreas. Entrar

38.- Frames en HTML
Introdución a los frames, un poco de historia y sus utilidades. Entrar

39.- Frames - Explicación básica
Explicamos los detalles generales y los más básicos sobre la creación de frames. Etiquetas FRAMESET Y FRAME. Entrar

40.- Frames - Creación de una estructura simple
Ejemplo de la creación de un frame simple para ilustrar lo aprendido hasta ahora. Entrar

41.- Frames - Una página en cada marco
Vemos cómo serían las distintas páginas independientes que componen un sitio creado con frames. Entrar

42.- Frames - Dirigir los enlaces
Explicación sobre cómo dirigir el enlace al frame que deseemos que actualice, que no tiene porque ser el mismo donde está situado. Entrar

43.- Frames - Anidar frames
Explicamos como se crean estructuras con frames más complejas: anidación de frames. Entrar

44.- Frames - Atributos avanzados
Lista de atributos de las etiquetas frameset y frame con las que podemos configurar la apariencia y características de los marcos. Entrar

45.- Ventajas e inconvenientes del uso de frames
Veamos una serie de cosas buenas y malas derivadas del uso de marcos o frames a la hora de diseñar y utilizar un sitio web. Entrar

46.- Etiqueta Iframe
Explicamos detenidamente la etiqueta IFRAME de HTML y todos sus atributos, con algún ejemplo de uso. Entrar

47.- Las nuevas etiquetas de HTML 4.0
En este artículo veremos estas nuevas etiquetas del estandar HTML 4.0. Entrar

48.- Las nuevas etiquetas de HTML 4.0 (1)
Veamos una serie de etiquetas para formatear el texto de las páginas HTML, con una breve descripción de cada una de ellas. Entrar

49.- Las nuevas etiquetas de HTML 4.0 (2)
Explicación de las nuevas etiquetas de HTML 4.0 para uso en formularios. Entrar

50.- Sonido en HTML I, introducción
Este es el primer capítulo de un manuál de el sonido en la web. Entrar

51.- Sonido en HTML II, características del sonido digital
Conceptos básicos del sonido digital. Entrar

52.- Sonido en HTML (III)
Cuáles son los ficheros que podemos ejecutar desde el navegador y cuales desde un programa específico. Entrar

53.- Sonido en HTML (IV)
En este capítulo veremos la manera de incluir los archivos de música en el HTML. Entrar

54.- Sonido en HTML (V)
En este capítulo veremos el potenciál de la etiqueta OBJECT. Entrar

55.- Doctype HTML
Qué es el Doctype en los documentos HTML y XHTML. Vemos distintos tipos de Doctype disponibles. Entrar

56.- Etiqueta META robots
Explicación de la etiqueta META robots y diferentes posibilidades de configuración. Entrar

57.- El futuro del desarrollo web: HTML 5
HTML 5 es una tecnología creada para modernizar la web y el desarrollo de aplicaciones web, online y offline, que aun tiene bastante camino por recorrer para ser una realidad. Entrar

58.- Qué es HTML 5
Veremos qué es HTML 5, su previsión de tiempo para convertirse en una especificación recomendada y las novedades más significativas que proporcionará. Entrar

59.- Introducción a Canvas del HTML 5
Canvas es uno de los componentes más novedosos de estándar HTML 5 que sirve para dibujar dinámicamente imágenes en una página web. Entrar

60.- Ejemplo de dibujo con el API de canvas
Un primer ejemplo de dibujo en un elemento canvas de HTML 5 con el API de canvas y Javascript. Entrar

61.- Entender el lienzo de canvas
Veremos cómo es el lienzo de un canvas, formado por un eje de coordenadas que podemos utilizar para posicionar todos los dibujos que queramos colocar en el canvas. Entrar