Manual de HTML

Introducción a HTML

Introducción al manual de HTML y al lenguaje de modelado de páginas web. Veremos qué es HTML y las primeras nociones que nos ayudarán a realizar las primeras pruebas de creación de una página web sencilla.

1.- Prólogo al manual de HTML
A quién va dirigido este manual y las lecturas aconsejadas antes de abordarlo. Entrar

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

Formatos básicos con HTML

Cómo realizar el formato de textos que se colocan en una página web. Aprende a utilizar tus primeras etiquetas HTML y atributos para definir los contenidos de la página y aplicar un formato básico.

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.- Color, tamaño y tipo de letra
Seguimos aprendiendo etiquetas que nos sirven para formatear el texto. Entrar

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

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

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

Listas en HTML

A continuación comenzaremos a explicar las listas de HTML que implican varias etiquetas para crear su estructura. Veremos varios tipos de listas que se pueden utilizar para diversos objetivos.

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

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

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

Todo sobre los enlaces en HTML

Los enlaces son los elementos que nos permiten navegar por las páginas HTML y son tan importantes que la web no tendría sentido sin ellos. Dedicaremos varios capítulos a explorar los distintos tipos de enlaces, sus usos y diversos consejos para hacer páginas navegables.

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

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

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

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

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

Imágenes, formatos gráficos e optimización

Veremos todo lo que los creadores de webs deben conocer sobre las imágenes, no sólo cómo incluir imágenes en las páginas, sino también qué formatos gráficos son adecuados en cada caso y cómo podemos optimizar las imágenes para reducir el tiempo de carga de las webs.

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

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

21.- 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 hincapié en los dos primeros, resumiendo sus características y enseñando a optimizar los ficheros. Entrar

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

Tablas en HTML

Las tablas fueron muy importantes en una época para maquetar páginas web. Hoy lo adecuado es utilizarlas sólo para presentar información tabulada, es decir, colocada en una rejilla de filas y columnas. En los siguientes artículos aprenderemos todo sobre las tablas en HTML.

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

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

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

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

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

Formularios en HTML

El trabajo con formularios es uno de los principales puntos que debemos aprender en HTML. Hacen posible muchas de las utilidades clave de una web, como el contacto de los creadores de las páginas con los visitantes, así como ciertos niveles de interacción básica y avanzada con el usuario.

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

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

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

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

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

Frames o marcos en HTML

Los frames en HTML, o marcos si preferimos el término en español, son una manera de mantener fijas algunas partes de la página, mientras se navega por las otras. Fueron en el pasado un componente habitual de las páginas aunque hoy en día se han quedado en desuso por diversas razones. Veremos también un caso especial de frames, que se crea con la etiqueta IFRAME, que es importante conocer porque sí se usa bastante actualmente.

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

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

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

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

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

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

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

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

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

Lo nuevo en HTML 4.0

El estándar HTML 4.0 trajo consigo diversas etiquetas que implementan nuevos elementos HTML, que podemos incorporar en páginas web.

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

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

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

Sonido en HTML

Veremos diversos modos de colocar un sonido de fondo en páginas web y los tipos de archivo sonoro que son adecuados para páginas web.

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

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

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

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

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

Otros asuntos importantes y el futuro del HTML

Acabamos el manual con esta última parte en la que trataremos algunos asuntos de vital importancia a la hora de hacer páginas web profesionales. Además veremos el futuro del HTML, que vendrá con la especificación de HTML 5.

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

51.- Juego de caracteres, charset, del documento HTML
Cómo y por qué debemos especificar el juego de caracteres, también conocido como charset, en los documentos HTML. Entrar

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

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

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