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
En Manual de HTML encuentras:
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)
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 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)
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.
En HTML en desuso encuentras:
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.