• Cuarzo.dev
  • Posts
  • Curso de HTML desde cero [completo]

Curso de HTML desde cero [completo]

Este curso integral te guía a través de cada paso para convertirte en un maestro de HTML, empezando absolutamente desde cero. Ideal para principiantes que desean hacer una marca en el mundo digital.

Author

Kiko Palomares
May 24, 2021 • Lo lees en: 6 minutos

¿Te fascina el mundo web y quieres aprender a construir tus propios sitios desde la base? ¡Has llegado al lugar correcto! Nuestro "Curso Completo de HTML Desde Cero" está diseñado para llevarte de novato a experto, sin asumir ningún conocimiento previo.

En este curso, exploraremos cada elemento y atributo de HTML, la esencia detrás de cada página web que ves en internet. A través de lecciones estructuradas y ejemplos prácticos, te equiparemos con todas las herramientas necesarias para crear sitios web visualmente impresionantes y funcionalmente robustos.

Puedes elegir hacer el curso del tirón en el vídeo de abajo, o bien puedes viendo clase por clase. Tienes la lista de clases abajo.

Curso completo de HTML en 1 solo vídeo:

Curso de HTML en GitHub

También tienes contenido adicional en el repositorio del curso en GitHub.

KikoPalomares/Curso-de-HTML-completo-desde-cero

Si quieres aprender a crear páginas web, entonces necesitas aprender HTML. Este curso te enseñará todo lo que necesitas saber sobre HTML. - KikoPalomares/Curso-de-HTML-completo-desde-cero

github.com/KikoPalomares/Curso-de-HTML-completo-desde-cero

Curso de HTML en libro

Si te gusta el formato papel o ebook, también lo tienes en libro:

Libro Aprende HTML: El curso completo desde cero : Palomares, Kiko

Aprende HTML: El curso completo desde cero es un libro completo que te enseña todo lo que necesitas saber sobre HTML, desde los conceptos básicos hasta las etiquetas más avanzadas. A través de ejemplos interactivos y una explicación clara y concisa, aprenderás a utilizar las etiquetas HTML para crear sitios web atractivos y funcionales. Si estás interesado en aprender programación web, este libro es el lugar perfecto para comenzar.

Lista de clases de HTML individuales:

HTML Básico

Introducción a HTML - ¿Qué es HTML?

Descubre qué es HTML, el lenguaje de marcado estándar para crear páginas web. Aprende sobre su estructura, elementos, etiquetas y cómo los navegadores utilizan HTML para mostrar contenido web

newsletter.cuarzo.dev/p/introduccion-a-html

¿Qué es HTML? (+Ejemplos prácticos básicos)

Aprende sobre la estructura básica de los documentos HTML. Descubre cómo crear cabeceras, párrafos, enlaces, imágenes, botones y listas en HTML, y cómo utilizar atributos para proporcionar información adicional sobre los elementos HTML

newsletter.cuarzo.dev/p/que-es-html-ejemplos-practicos-basicos

¿Qué son los elementos en HTML?

Aprende sobre los elementos HTML, sus etiquetas de inicio y finalización, el contenido, los elementos anidados y vacíos.

newsletter.cuarzo.dev/p/que-son-los-elementos-en-html

¿Qué son los atributos en HTML?

Descubre cómo los atributos HTML añaden información adicional a los elementos, incluyendo atributos esenciales como href, src, alt, width, height, style, lang y title.

newsletter.cuarzo.dev/p/que-son-los-atributos-en-html

Cómo hacer encabezados en HTML [Etiquetas h1, h2,...]

Aprende a utilizar las etiquetas HTML de encabezados, líneas horizontales y el elemento <head> para estructurar y organizar tus páginas web de manera efectiva

newsletter.cuarzo.dev/p/como-hacer-encabezados-en-html

Cómo crear PÁRRAFOS en HTML [etiquetas p, br, hr, pre]

Descubre cómo utilizar los párrafos HTML, saltos de línea, y el texto preformateado para estructurar y mostrar contenido en tus páginas web de manera efectiva.


newsletter.cuarzo.dev/p/como-crear-parrafos-en-html

Las ETIQUETAS para TEXTO de HTML que tienes que Conocer!!

Aprende a usar los elementos de formato HTML para destacar texto: negrita, cursiva, subíndice, superíndice y más

newsletter.cuarzo.dev/p/las-etiquetas-para-texto-de-html-que-tienes-que-conocer

Cómo agregar COMENTARIOS en HTML

Aprende como funcionan los comentarios en HTML y que utilidades tienen

newsletter.cuarzo.dev/p/como-agregar-comentarios-en-html

Cómo crear ENLACES en HTML

Descubre cómo usar enlaces HTML para mejorar la navegación en tu web. Aprende a definir hipervínculos, utilizar atributos como href y target, y estilizar enlaces con CSS

newsletter.cuarzo.dev/p/como-crear-enlaces-en-html

Cómo poner IMÁGENES en HTML

Aprende a usar imágenes en HTML con la etiqueta img. Define la URL con src, añade texto alternativo con alt, ajusta tamaños con width, height y style, y utiliza float para posicionar imágenes. Incluye imágenes en enlaces y explora el uso de GIFs animados

newsletter.cuarzo.dev/p/como-poner-imagenes-en-html

Cómo hacer TABLAS en HTML con sus Celdas y Columnas

Aprende a crear y estilizar tablas en HTML. Añade bordes, padding, y espaciado con CSS. Descubre cómo usar colspan y rowspan para celdas que abarcan múltiples columnas o filas, y añade títulos

newsletter.cuarzo.dev/p/como-hacer-tablas-en-html-con-sus-celdas-y-columnas

Cómo Crear LISTAS Ordenadas y Desordenadas en HTML

Descubre cómo crear y estilizar listas en HTML. Aprende a usar listas no ordenadas y listas ordenadas. Personaliza los marcadores con CSS y el atributo type. Explora listas de descripción, listas anidadas, y cómo hacer listas horizontales con CSS

newsletter.cuarzo.dev/p/como-crear-listas-ordenadas-y-desordenadas-en-html

Formularios en HTML

¿Qué son y cómo Crear FORMULARIOS en HTML?

Aprende a usar el elemento form en HTML para crear formularios interactivos. Descubre cómo funcionan los diferentes tipos de input, los atributos etc.

newsletter.cuarzo.dev/p/que-son-y-como-crear-formularios-en-html

TODOS los Elementos de formularios en HTML

Descubre todos los elementos de formularios en HTML. Aprende sobre input, select, textarea, button y más. Ideal para principiantes que quieren dominar HTML desde cero

newsletter.cuarzo.dev/p/todos-los-elementos-de-formularios-en-html

TODOS los tipos de INPUT para FORMULARIOS en HTML

Descubre todo y cada uno de los diferentes inputs que puedes añadir a tus formularios HTML.

newsletter.cuarzo.dev/p/todos-los-tipos-de-input-para-formularios-en-html

TODOS los Atributos de INPUT de FORMULARIOS en HTML

Aprende a usar todos los atributos que tienen los inputs en los formularios de HTML

newsletter.cuarzo.dev/p/todos-los-atributos-de-input-de-formularios-en-html

Media en HTML

Cómo poner un VÍDEO en HTML que se reproduzca solo

Aprende todo lo necesario para poner vídeos en tus archivos HTML desde cero

newsletter.cuarzo.dev/p/como-poner-un-video-en-html-que-se-reproduzca-solo

Cómo poner un AUDIO en HTML

Aprende como usar audios en HTML desde cero para principiantes.

newsletter.cuarzo.dev/p/como-poner-un-audio-en-html

Cómo poner un VÍDEO de YouTube en HTML que se reproduzca solo

Aprende como incrustar vídeos de YouTube en tus documentos HTML o páginas web.

newsletter.cuarzo.dev/p/como-poner-un-video-de-youtube-en-html-que-se-reproduzca-solo

HTML Avanzado

Cómo crear CITAS y MENCIONES en HTML

Descubre como usar los elementos para citas, menciones, abreviaciones, direcciones y mucho más en HTML.

newsletter.cuarzo.dev/p/como-crear-citas-y-menciones-en-html

Cómo crear enlaces dentro de imágenes [Mapas de Imagen en HTML]

Aprende a crear enlaces en zonas dentro de una imagen de forma nativa en HTML desde cero fácil y sencillo.

newsletter.cuarzo.dev/p/como-crear-enlaces-dentro-de-imagenes-mapas-de-imagen-en-html

El elemento PICTURE de HTML explicado!! (cómo poner Imágenes)

newsletter.cuarzo.dev/p/el-elemento-picture-de-html-explicado-como-poner-imagenes

BLOQUES y Elementos EN LINEA en HTML

Aprende cuando y como usar las propiedades de bloques y en linea en los elementos de HTML.

newsletter.cuarzo.dev/p/bloques-y-elementos-en-linea-en-html

TRUCO con IFRAMES en HTML que no sabes

Aprende como funcionan los iframes en HTML y algun que otro truco extra.

newsletter.cuarzo.dev/p/truco-con-iframes-en-html-que-no-sabes

TODO sobre el Elemento HEAD en HTML (metadatos, charset, title, link, etc!!)

Aprende todo sobre el elemento head en HTML y todos los elementos de su interior.

newsletter.cuarzo.dev/p/elemento-head-en-html

Las 5 Formas de Crear LAYOUTS en HTML

Aprende todas las maneras que existen de maquetar documentos de HTML. Desde la más recomendadas hasta las que no deberías usar.

newsletter.cuarzo.dev/p/las-5-formas-de-crear-layouts-en-html

Los Elementos para CÓDIGO que no CONOCES en HTML (code, kbd, pre, samp y var)

Aprende a como mostrar código correctamente en HTML con estas etiquetas.

newsletter.cuarzo.dev/p/los-elementos-para-codigo-que-no-conoces-en-html-code-kbd-pre-samp-y-var

Todos los ELEMENTOS SEMÁNTICOS de HTML

Descubre los elementos semánticos de HTML y aprende a cuándo y cómo usarlos.

newsletter.cuarzo.dev/p/todos-los-elementos-semanticos-de-html

Qué son y cómo usar las ENTIDADES en HTML

Aprende que són las entidades y cuando debes usarlas en HTML.

newsletter.cuarzo.dev/p/que-son-y-como-usar-las-entidades-en-html

Cómo añadir EMOJIS en HTML

Aprende a como usar los emojis en HTML de la forma correcta.

newsletter.cuarzo.dev/p/como-anadir-emojis-en-html

La Guía de Estilo en HTML que deberías de seguir para tener un Código Limpio

Aprende las mejores prácticas para escribir tu código de HTML siguiendo esta guía.

newsletter.cuarzo.dev/p/la-guia-de-estilo-en-html

Ya puedes usar el Popover de HTML nativo

La API de Popover ya es compatible con todos los navegadores, te contamos las novedades.

newsletter.cuarzo.dev/p/ya-puedes-usar-el-popover-de-html-nativo

Artículos adicionales sobre HTML:

10 Prácticas Esenciales de HTML para un Código Limpio - Mejora tu Desarrollo Web

Descubre las 10 mejores prácticas de HTML para mantener tu código limpio y eficiente. Estos consejos optimizarán tus procesos de desarrollo y mantenimiento web.

newsletter.cuarzo.dev/p/10-buenas-practicas-en-html-haz-tu-codigo-limpio

¿Por qué HTML no es un lenguaje de programación?

Descubre por qué HTML, a pesar de ser esencial para la web, no se clasifica como un lenguaje de programación y entiende sus funciones principales.

newsletter.cuarzo.dev/p/por-que-html-no-es-un-lenguaje-de-programacion

¿Usar la etiqueta strong o b en HTML para Negrita? – Despeja tus dudas

Aprende cuándo usar la etiqueta strong y cuándo usar la etiqueta b en HTML para destacar texto en negrita, y entiende la importancia semántica detrás de cada una.

newsletter.cuarzo.dev/p/usar-la-etiqueta-strong-o-b-en-html-poner-texto-en-negrita

[5+1] Etiquetas HTML Esenciales que Deberías Empezar a Usar

Descubre 6 etiquetas HTML cruciales que podrían transformar tus proyectos web. Aprende cómo y por qué deberías integrar estas etiquetas poco conocidas pero poderosas en tus diseños.

newsletter.cuarzo.dev/p/etiquetas-html-esenciales-desconocidas

¿Por qué el Autoplay no Funciona en tu Vídeo de HTML5?

Descubre por qué el autoplay no funciona en tu vídeo de HTML5 y aprende a configurarlo correctamente para garantizar la reproducción automática en diferentes navegadores.

newsletter.cuarzo.dev/p/por-que-el-autoplay-no-funciona-en-tu-video-html5

Más Cursos de Desarrollo Web:

Curso de CSS desde cero [completo]

Como desarrollador web es importante tener un buen conocimiento en CSS. En este curso vas aprender todo lo necesario para dominar este lenguaje de estilos.

newsletter.cuarzo.dev/p/curso-css-desde-cero

Curso de JavaScript desde cero [Completo]

¿Interesado en aprender JavaScript pero no sabes por dónde empezar? Nuestro curso gratis completo es perfecto para principiantes y te guiará a través de todo lo que necesitas saber para comenzar a programar.

newsletter.cuarzo.dev/p/curso-javascript-desde-cero

Reply

or to participate.