> Manuales > Manual de HTML

El Manual de HTML te enseña a trabajar con el lenguaje de marcación que sirve para construir las páginas web. HTML es el primer paso que debería completar cualquier persona que quiera dedicarse al desarrollo de web en general. Es además un conocimiento recomendado para cualquier persona que trabaje en el medio Internet.

Este es un manual con bastante detalle, que empieza en el conocimiento más básico y recorre cada uno de los elementos que se pueden usar para construir todo tipo de contenido en una web, repasando las etiquetas disponibles en el lenguaje. Las distintas secciones del manual de HTML te llevarán desde la creación de contenido básico como párrafos o listas, hasta el trabajo con formularios, tablas y otros elementos más complejos.

En el Manual de HTML aprenderás a trabajar con todo el conjunto de etiquetas que existen en este lenguaje, pero además a entender cuáles son los mecanismos habituales para construir páginas web, adaptadas a las costumbres más actuales.

La segunda parte del manual está dedicada a las novedades que llegaron con HTML 5, explorando etiquetas semánticas, nuevos elementos del formulario, cómo extender compatibilidad a navegadores antiguos y mucho más.

Este manual lo hemos actualizado completamente en 2016, haciendo un repaso completo a todos los artículos y eliminando las partes de HTML que ya se han quedado en desuso, así como para incorporar nuevas informaciones importantes a día de hoy, buenas prácticas aconsejables, etc. Estamos seguros que aprender el lenguaje de marcación con este manual de HTML será una experiencia agradable y además actualizada a las corrientes actuales.

Manual de HTML
Parte 1:

Manual de HTML

Artículos Descargas
  • Artículos del manual

  • 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

    Cuál es el enfoque y contenido de este Manual de HTML, a quién va dirigido, así como lecturas y materiales aconsejados para sacarle todo el provecho.

  • 2 Introducción a HTML

    Las primeras cosas que debes saber sobre HTML: historia, objetivos y demás conocimientos donde sentar las bases del manual.

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

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

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

  • 6 Formateando el texto

    Vemos como colocar negritas, itálicas, subrayados, subíndices y supreíndices.

  • 7 Los colores y HTML

    En este artículo aprenderás a crear colores en notación RGB con valores en hexadecimal, la manera más habitual de expresar un color en el lenguaje HTML. Explicamos la correcta utilización de los colores en el HTML.

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

  • 9 Caracteres especiales

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

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

  • 10 Listas en HTML: Listas desordenadas

    Vemos lo que son las listas y señalamos los tres tipos que hay. Estudiamos las listas desordenadas.

  • 11 Listas en HTML: Listas ordenadas

    Estudiamos otro tipo de listas: las listas ordenadas.

  • 12 Listas en HTML: listas de definición

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

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

  • 13 Enlaces en HTML

    Vemos qué son los enlaces en HTML y los distintos tipos.

  • 14 Enlaces internos

    Los enlaces HTML que se hacen con otras partes de la misma página.

  • 15 Enlaces locales

    Cómo construir enlaces en HTML cuyo destino sean otras páginas dentro del mismo sitio web.

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

  • Imágenes y formatos gráficos

    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.

  • 17 Imágenes en HTML

    Vemos cómo colocar una imagen en una página web y algunos atributos básicos para personalizar cómo aparecen estas imágenes en el documento HTML.

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

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

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

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

  • 21 Atributos para tablas HTML

    Conocemos los atributos principales que le podemos asignar a las tablas en el lenguaje HTML de modo general. Además vemos varios ejemplos prácticos de construcción de tablas.

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

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

  • 23 Formularios HTML

    Empezamos la explicación de la creación de formularios con el lenguaje HTML.

  • 24 Elementos de Formularios. Campos de texto

    Vemos detenidamente los distintos elementos de formulario que sirven para introducir texto.

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

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

  • 27 Etiquetas FIELDSET y LEGEND de formularios

    Las etiquetas de HTML FIELDSET y LEGEND sirven para crear bloques de elementos dentro de formularios.

  • Otras etiquetas y nuevos estándares del HTML

    En los capítulos finales de este manual de HTML nos centraremos en ver otras etiquetas que han ido apareciendo en el estándar. Además acabamos explicando algunas cosas básicas de lo que es el HTML5, la última versión de HTML.

  • 28 Etiqueta Iframe

    Explicamos detenidamente la etiqueta IFRAME de HTML y todos sus atributos, con algún ejemplo de uso.

  • 29 Las nuevas etiquetas de HTML 4.0

    En este artículo veremos estas nuevas etiquetas del estandar HTML 4.0.

  • 30 Etiqueta META robots

    Explicación de la etiqueta META robots y diferentes posibilidades de configuración.

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

  • Optimización de la página web

    Aunque no es algo que tiene que ver directamente con el lenguaje HTML, es importante que comencemos a poner el foco en la optimización. Explicamos cómo se puede optimizar una página o un sitio web, para que tarde menos en cargar.

  • 32 Introducción a la optimización de webs

    Qué es la optimización de páginas web, cuáles son los principales recursos en una página web susceptibles de recibir mayor optimización y en qué parámetros podemos optimizarlos.

  • Descargas

  • Libro electrónico de HTML

    El Manual de HTML lo puedes descargar como libro electrónico. Con esta descarga obtienes el texto completo del manual en distintos formatos. PDF, así como ePub y Mobi para eReaders y Kindle. Una vez descargado el libro electrónico puedes descargarlo de nuevo todas las veces que quieras, en cualquiera de los formatos disponibles.

    Archivos disponibles: PDF, ePup, Mobi (Kindle)

    Páginas: 117 (Referencia por el archivo PDF)

    Ir a la descarga

Parte 2:

Manual del lenguaje de marcación de HTML5

Manual que trata sobre el lenguaje HTML5, pero específicamente con las novedades del lenguaje de marcación o etiquetado, dejando aparte otras tecnologías relacionadas.

Artículos Descargas
  • Artículos del manual

  • 1 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á.

  • 2 Documento básico HTML5

    Pedazo de código (snippet) para el documento básico HTML5, que debes usar en un archivo con extensión .html, tanto para archivos con juegos de caracteres UTF-8 (lo recomendado) como para otros charset.

  • 3 Etiquetas nuevas de HTML5

    Cuáles son las etiquetas nuevas del lenguaje HTML5, con una breve descripción sobre su utilidad y clasificación.

  • 4 Etiquetas semánticas del HTML5

    Qué son las etiquetas semánticas del HTML5, y por qué se recomienda usar aquellas que sirven para definir la estructura del documento en los sitios web modernos.

  • 5 Atributo hidden del HTML

    Un atributo introducido en HTML 5 que permite ocultar elementos, para que no se rendericen al visualizarse la página en el navegador.

  • 6 IE7-js compatibilidad de Internet Explorer con navegadores modernos

    Libería Javascript ie7-js, para hacer que Internet Explorer se comporte como los navegadores modernos y acepte los estándares del HTML5.

  • 7 Compatibilidad con etiquetas semánticas del HTML5 con html5shiv

    El componente html5shiv de las librerías Modernizr nos ayuda a crear webs compatibles con las etiquetas nuevas de HTML5 que funcionan en todos los navegadores.

  • 8 Nuevos elementos de formularios en HTML5

    Conociendo algunos de los nuevos elementos con los que podemos contar en los formularios web a partir de HTML5.

  • 9 Las mejoras de los elementos INPUT de HTML5

    Una breve descripción de las nuevas características presentes en los elementos de formulario INPUT en HTML5.

  • 10 Nuevos atributos HTML5 para Rich-text editing

    Explicaciones generales de los nuevos atributos HTML5 contenteditable y spellcheck y herramientas básicas que podemos usar a partir de HTML5 para edición de contenidos enriquecidos Rich-text editing.

  • 11 Grabación del Webcast de HTML5

    En este artículo encontrarás un Webcast de HTML5, con Jorge del Casar: qué es HTML5 y qué no es.

  • Descargas

  • Descarga del Manual de HTML5

    La descarga del manual del lenguaje de marcación HTML 5 está disponible solamente en PDF por el momento.

    Archivos disponibles: PDF

    Páginas: 23 (Referencia por el archivo PDF)

    Ir a la descarga

Parte 3:

HTML en desuso

En este manual vamos a localizar todos los artículos de HTML que han quedado con informaciones obsoletas o simplemente en desuso.

Los estándares de HTML van evolucionando y paralelamente han surgido lenguajes como CSS que han rebajado la responsabilidad de HTML, en cuanto a todo lo relativo a los estilos. También hay etiquetas como las de los frames ya no forman parte del estándar en HTML5.

Artículos
  • Artículos del manual

  • Los estilos no van en el HTML

    Estos artículos están en desuso en HTML porque explican exclusivamente cosas relacionadas con el aspecto, algo que se debe de realizar necesariamente con CSS.

  • 1 Color, tamaño y tipo de letra

    Seguimos aprendiendo etiquetas que nos sirven para formatear el texto.

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

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

  • Frames tradicionales del HTML

    Los frames ya no pertenecen al estándar de HTML, desde la versión HTML5. Hoy se sigue utilizando el IFRAME, pero no los frames de antaño, que se ven en los siguientes artículos.

  • 4 Frames en HTML

    Introdución a los frames, un poco de historia y sus utilidades.

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

  • 6 Frames - Creación de una estructura simple

    Ejemplo de la creación de un frame simple para ilustrar lo aprendido hasta ahora.

  • 7 Frames - Una página en cada marco

    Vemos cómo serían las distintas páginas independientes que componen un sitio creado con frames.

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

  • 9 Frames - Anidar frames

    Explicamos como se crean estructuras con frames más complejas: anidación de frames.

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

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

  • 12 Sonido en HTML I, introducción

    Este es el primer capítulo de un manuál de el sonido en la web.

  • Sonido en HTML

    Ahora el sonido no se implementa con estas etiquetas, ya que en HTML5 aparecieron nuevas etiquetas para audio y vídeo, nativas en el HTML. En concreto ahora se debe usar la etiqueta AUDIO.

  • 13 Sonido en HTML II, características del sonido digital

    Conceptos básicos del sonido digital.

  • 14 Sonido en HTML (III)

    Cuáles son los ficheros que podemos ejecutar desde el navegador y cuales desde un programa específico.

  • 15 Sonido en HTML (IV)

    En este capítulo veremos la manera de incluir los archivos de música en el HTML.

  • 16 Sonido en HTML (V)

    En este capítulo veremos el potenciál de la etiqueta OBJECT.

  • Otros asuntos obsoletos con la llegada de HTML5

    Estos otros asuntos, sobre la estructura de un documento HTML también han quedado obsoletos, ya que la especificación HTML5 marca unas directrices diferentes y simplifica los tags que se usan para el doctype y la especificación del encoding.

  • 17 Doctype HTML

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

  • 18 Problemas del Modelo de Caja en Internet Explorer 5

    Si no se toman ciertos recaudos nuestros diseños se verán distinto en distintos navegadores y aún peor: en distintas versiones del mismo navegador. Este artículo analiza esos comportamientos anómalos y brinda algunos trucos para que nuestros...

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

Manuales relacionados