HTML Básico

HTML Básico es una serie en la que aprenderemos lo principal del desarrollo de páginas web. Aprenderemos a utilizar las diferentes etiquetas HTML y a componer con ellas un documento web que podemos almacenar en nuestro disco duro, en nuestro servidor de Intranet, o en una página de Internet para que la vea todo el mundo. En esta serie no aprenderemos todo sobre páginas web ni todo sobre HTML. Sólo aprenderemos las etiquetas básicas para poder crear páginas web simples. Tampoco aprendemos CSS, ni JavaScript, ni PHP. HTML, puro.

9:14

1. Introducción al HTML

Qué es una página web, qué es el lenguaje HTML y cómo se pueden construir páginas web usando el lenguaje HTML. Sólo se muestran páginas de ejemplo para ayudar mientras hablo.

11:01

2. Mi primera página web

Creamos nuestra primera página web. Primero explicamos qué es una etiqueta, y luego usamos nuestras primeras etiquetas para construir nuestra primera página.

9:48

3. Títulos y formato

Cómo crear títulos usando las etiquetas H1, H2, H3, H4, H5 y H6. También comento cómo dar formato básico con la negrita (STRONG y B) y cursiva (EM e I).

13:43

4. Enlaces (parte 1)

Los enlaces son vínculos que nos llevan a otras partes al hacerles clic. Hay tres tipos de enlaces: los de sitios web externos, los internos y los de ancla. Explico los dos primeros.

7:34

5. Enlaces (parte 2)

Continuamos viendo cómo usar hipervínculos, y ahora hablo sobre los enlaces de ancla, que permiten crear enlaces a partes concretas de una página web, incluso dentro de la misma.

5:06

6. Imágenes

Explico cómo introducir imágenes en una página web usando la etiqueta IMG. También enumero los atributos que tiene esta etiqueta para cambiar el tamaño y mostrar útil texto alternativo.

6:04

7. Comentarios, HR y BR

En este vídeo vemos tres elementos de HTML que pueden sernos muy útiles a la hora de desarrollar webs: los comentarios, las líneas horizontales HR y los saltos de línea BR.

8:42

8. Listas

Las listas nos permiten ordenar elementos. HTML proporciona múltiples tipos de lista: ordenadas (OL), no ordenadas (UL) y de definición (DL). También están DIR y MENU, aunque obsoletos.

9:40

9. Tablas

Con tablas podemos presentar información en forma de filas y columnas. En este vídeo vemos las etiquetas y los atributos que tienen las tablas y algunas formas inteligentes de utilizarlas.

17:37

10. Formularios (parte 1)

Explico qué son los formularios y comenzamos a ver etiquetas que permitan definir formularios. En esta sesión se ven FORM, INPUT (TEXT, PASSWORD, SUBMIT) y TEXTAREA.

17:21

11. Formularios (parte 2)

En el segundo episodio dedicado a los formularios vemos otras etiquetas más, como los campos de selección, los campos de lista y más tipos de botones.

10:03

12. Audio

¿Cómo reproducir audio a través del navegador en HTML5? Usando la etiqueta ‹audio› y también la etiqueta ‹source› para especificar la fuente del contenido.

8:54

13. Vídeo

Para reproducir vídeo en HTML5 podemos utilizar la etiqueta ‹video›, mediante la cual podemos incorporar archivos de vídeo en una página web en distintos formatos, tales como MPEG-4, OGG o WebM.

12:36

14. Formularios HTML5, parte 1

HTML5 supuso nuevos controles para usar en los formularios y nuevos atributos. En este episodio te explico cómo puedes hacer campos obligatorios, cómo insertar texto de apoyo y cómo insertar campos numéricos, de e-mail y de teléfono.

13:24

15. Formularios HTML5, parte 2

Terminamos este megacapítulo dedicado a los nuevos controles para formularios en HTML5 hablando de la posibilidad de usar rangos, fechas, horas y barras de progreso.