Saltar al contenido principal

HTML & CSS:
Curso práctico avanzado

Vídeos - El lenguaje de marcado de hipertexto

El hipertexto y la hipermedia

Historia y definiciones de hipertexto, multimedia e hipermedia.

Historia de la Web: su nacimiento (1)

Historia de la Web, su nacimiento, Vannevar Bush y el memex, Ted Nelson y el hipertexto y la hipermedia, Tim Berners-Lee y su propuesta de creación de un sistema de hipertexto para compartir información en el CERN.

Historia de la Web: su nacimiento (2)

Historia de la Web, su nacimiento, creación de un sistema de hipertexto para compartir información en el CERN, el sistema NeXT, el primer servidor web en España, Robert Cailliau, primera conferencia del WWW, creación del W3C, Premio Príncipe de Asturias de Investigación Científica y Técnica.

Historia de HTML

La historia del lenguaje HTML (Hypertext Markup Language) durante sus primeros años, su relación con SGML y XML, HTML+, HTML5.

HTML5: ¿Qué es HTML5?

Tecnologías de la familia HTML5: HTML5, Canvas, SVG, Geolocalización, Caché, Base de datos, Web workers.

XML: HTML y XHTML

XML (eXtensible Markup Language, Lenguaje de marcas extensible): XHTML (eXtensible Hypertext Markup Language, Lenguaje extensible de marcado de hipertexto), Diferencias HTML – XHTML.

¿Cuál es el mejor: HTML, XHTML, HTML5?

¿Cuál es el mejor lenguaje para hacer páginas web en la actualidad? Existen diferentes versiones y hay que conocerlas todas.

HTML: conceptos básicos (1)

HTML (HyperText Markup Language) se emplea únicamente para definir la estructura y el contenido o información de una página web, la presentación visual no se define con HTML, estructura de un elemento (etiqueta), ¿cómo se aprende HTML?, etiquetas básicas (html, head, title, body, h1, h2, h3, h4, h5, h6, p, strong, em).

HTML: conceptos básicos (2)

HTML (HyperText Markup Language), creación de una página sencilla con el Bloc de Notas de Microsoft Windows.

HTML: conceptos básicos (3)

HTML (HyperText Markup Language), creación de una página sencila con Notepad++, características de Notepad++ que ayudan a la escritura de HTML.

HTML: conceptos básicos (4)

HTML (HyperText Markup Language), reglas (etiquetas siempre cerradas, documentos bien formados, etiquetas en minúsculas, valores de los atributos siempre entre comillas), caracteres válidos en los nombres de los ficheros.

HTML: validación del código

Validación del código, versiones de HTML, el DOCTYPE, qué valor de DOCTYPE debo usar, lista de DOCTYPEs, servicios de validación: W3C Markup Validator (http://validator.w3.org/), WDG HTML Validator (http://htmlhelp.com/tools/validator/), Validator.nu (http://validator.nu/), demostración de validación de tres páginas.

HTML5: ¿Por qué es importante escribir código correcto? (1/3)

Principales causas de que una página web no sea vea igual en todos los navegadores: fallos de los navegadores, problemas de compatibilidad entre los navegadores, soporte de HTML por los navegadores, errores en el código HTML.

HTML5: ¿Por qué es importante escribir código correcto? (2/3)

Ejemplos de errores en el código HTML: etiqueta "b" sin cerrar, etiqueta "span" sin cerrar, comillas del valor de un atributo sin cerrar, valor del atributo size de la etiqueta "input" incorrecto.

HTML5: ¿Por qué es importante escribir código correcto? (3/3)

El DOM (Document Object Model) es la razón de que los navegadores muestren una página de diferentes formas cuando tiene un error.