Curso Gratis de Introducción a HTML

En este curso gratuito de introducción de HTML de 1 hora podrás aprender conceptos básicos de del diseño web.

Tabla de contenidos de Curso de HTML

1:16 ¿Qué es HTML?
3:03 Elementos HTML
5:58 Doctype HTML
8:08 Título & Estructura HTML
10:01 Encabezados
12:09 Párrafos HTML
13:13 Énfasis Em & Strong HTML
14:38 Listas HTML
20:24 Imágenes HTML
27:48 Tablas HTML
31:48 Formularios HTML
42:27 Id y Clases HTML
46:43 Div y Span
52:17 Introducción HTML5
53:14 Header HTML5
54:53 Nav HTML5
56:51 Article HTML5
58:39 Footer HTML5
1:01:51 Audio HTML5
1:04:26 Video HTML5
1:06:41 Práctica HTML (index.html)

¿Qué es HTML? HTML, siglas de HyperText Markup Language (lenguaje de marcado de hipertexto), es el lenguaje estándar utilizado para crear páginas web. Permite definir la estructura y el contenido de una página, utilizando etiquetas y elementos que indican cómo se deben mostrar los diferentes elementos en un navegador web.
Elementos HTML Los elementos HTML son las partes básicas de una página web. Estos elementos incluyen encabezados, párrafos, imágenes, enlaces y muchos otros. Cada elemento se define utilizando etiquetas, que indican al navegador cómo debe interpretar y mostrar ese elemento.
Doctype HTML El Doctype HTML es una declaración que se coloca al comienzo de un documento HTML para indicarle al navegador la versión de HTML que se está utilizando. Esta declaración ayuda al navegador a interpretar correctamente el código HTML y a mostrar la página web de manera adecuada.
Título y estructura HTML El título HTML se define dentro de la etiqueta <title> y se muestra en la barra de título del navegador. La estructura HTML se define mediante el uso de etiquetas como <html>, <head> y <body>, que ayudan a organizar el contenido de la página de manera jerárquica.
Encabezados Los encabezados HTML se utilizan para mostrar títulos y subtítulos en una página web. Se definen utilizando etiquetas <h1> a <h6>, donde <h1> representa el título principal y <h6> el título menos importante. Los encabezados son útiles para estructurar el contenido y mejorar la legibilidad de la página.
Párrafos HTML Los párrafos HTML se definen utilizando la etiqueta <p>. Esta etiqueta se utiliza para agrupar y presentar texto en forma de párrafos. Es importante utilizar párrafos para organizar el contenido y hacerlo más legible para los visitantes de la página.
Énfasis (em) y Strong HTML Las etiquetas <em> y <strong> se utilizan para resaltar y dar énfasis a ciertas partes del texto en una página web. La etiqueta <em> se utiliza para enfatizar el texto, mientras que la etiqueta <strong> se utiliza para resaltar el texto de manera más fuerte. Estas etiquetas ayudan a transmitir información importante y mejorar la estructura del contenido.
Listas HTML Las listas HTML se utilizan para presentar información de manera organizada y estructurada. Hay tres tipos de listas en HTML: listas desordenadas (<ul>), listas ordenadas (<ol>) y listas de definición (<dl>). Las listas desordenadas se muestran con viñetas, las listas ordenadas con números y las listas de definición con términos y sus descripciones asociadas.
Imágenes HTML Las imágenes HTML se utilizan para mostrar gráficos, ilustraciones o fotografías en una página web. Se definen mediante la etiqueta <img>, que requiere la especificación de la ruta de la imagen y el texto alternativo en caso de que la imagen no se pueda mostrar.
Tablas HTML Las tablas HTML se utilizan para organizar y mostrar datos en forma de filas y columnas. Se definen utilizando las etiquetas <table>, <tr>, <th> y <td>, que representan la tabla en sí, las filas, las celdas de encabezado y las celdas de datos, respectivamente.
Formularios HTML Los formularios HTML permiten a los usuarios interactuar con una página web enviando datos. Los formularios pueden contener campos de entrada de texto, botones de opción, casillas de verificación y otros elementos interactivos. Se definen utilizando la etiqueta <form> y sus elementos correspondientes.
ID y clases HTML Los identificadores (ID) y las clases son atributos utilizados para identificar y estilizar elementos específicos en una página web. Los ID son únicos y se utilizan para identificar un elemento único, mientras que las clases se pueden aplicar a varios elementos para aplicar estilos comunes.
Div y Span Las etiquetas <div> y <span> se utilizan para agrupar y dar formato a secciones de contenido en una página web. El <div> se utiliza para agrupar bloques de contenido, mientras que el <span> se utiliza para aplicar estilos a partes específicas de un texto dentro de un elemento.
Introducción a HTML5 HTML5 es la última versión de HTML que introduce nuevas características y elementos para la creación de páginas web. Estas características incluyen elementos semánticos como <header>, <nav>, <article> y <footer>, que ayudan a estructurar y describir el contenido de manera más significativa.
Header HTML5 El elemento <header> de HTML5 se utiliza para representar la cabecera o encabezado de una página web. Contiene información como el logotipo, el título y otros elementos relacionados con la navegación y la identificación de la página.
Nav HTML5 El elemento <nav> de HTML5 se utiliza para definir una sección de navegación en una página web. Contiene enlaces a otras páginas o secciones dentro del sitio web.
Article HTML5 El elemento <article> de HTML5 se utiliza para representar un artículo o contenido independiente en una página web. Puede contener texto, imágenes, videos u otros elementos relacionados que se puedan compartir y distribuir de forma individual.
Footer HTML5 El elemento <footer> de HTML5 se utiliza para representar el pie de página de una página web. Suele contener información como los derechos de autor, enlaces a páginas relacionadas y otros detalles relevantes.
Audio HTML5 El elemento <audio> de HTML5 permite incrustar y reproducir archivos de audio en una página web. Se puede utilizar para agregar música de fondo, grabaciones de sonido o cualquier otro tipo de contenido de audio.
Video HTML5 El elemento <video> de HTML5 de HTML5 permite incrustar y reproducir videos en una página web. Puede utilizarse para mostrar películas, videos promocionales, tutoriales y otros contenidos multimedia.
Práctica HTML (index.html) La práctica HTML consiste en crear un archivo llamado index.html que servirá como la página principal de un sitio web. En esta práctica, se aplicarán los conocimientos adquiridos a lo largo del curso, utilizando elementos como encabezados, párrafos, imágenes, tablas, formularios y otros, para construir una página web funcional y atractiva.

Conclusión En este curso de HTML, hemos cubierto los fundamentos esenciales para crear páginas web. Desde comprender qué es HTML hasta utilizar elementos avanzados de HTML5, hemos explorado los diferentes aspectos necesarios para construir sitios web efectivos. Ahora, estás listo para empezar a crear tus propias páginas web utilizando HTML.