Aprende a crear y diseñar páginas web con el lenguaje de marcado más popular de Internet
¿Te gustaría aprender a crear y diseñar páginas web con el lenguaje de marcado más popular de Internet? ¿Quieres conocer los fundamentos y las técnicas de HTML, el componente más básico de la web? ¿Te gustaría obtener un certificado oficial que acredite tu nivel de HTML? Si la respuesta es sí, entonces estás en el lugar adecuado. En este artículo te voy a presentar uno de los mejores cursos gratis de HTML que puedes encontrar en Internet.
HTML (Lenguaje de Marcado de Hipertexto, del inglés HyperText Markup Language) es el código que se utiliza para estructurar y desplegar una página web y sus contenidos. Por ejemplo, sus contenidos podrían ser párrafos, una lista con viñetas, o imágenes y tablas de datos.
HTML utiliza “marcas” para etiquetar texto, imágenes y otro contenido para mostrarlo en un navegador web. Las marcas HTML incluyen “elementos” especiales como <head>, <title>, <body>, <header>, <footer>, <article>, <section>, <p>, <div>, <span>, <img>, <aside>, <audio>, <canvas>, <datalist>, <details>, <embed>, <nav>, <output> (en-US), <progress>, <video>, <ul>, <ol>, <li> y muchos otros.
Un elemento HTML se distingue de otro texto en un documento mediante “etiquetas”, que consisten en el nombre del elemento rodeado por ” < ” y ” > “. El nombre de un elemento dentro de una etiqueta no distingue entre mayúsculas y minúsculas. Es decir, se puede escribir en mayúsculas, minúsculas o una mezcla. Por ejemplo, la etiqueta <title> se puede escribir como <Title>, <TITLE> o de cualquier otra forma.
HTML es fácil de aprender y usar. Con HTML puedes crear tu propia página web en poco tiempo. Además, HTML es la base para aprender otros lenguajes y tecnologías web, como CSS, JavaScript, PHP o Python.
Pero aprender HTML no es solo cuestión de memorizar etiquetas y elementos. También hay que saber cómo aplicarlos correctamente, cómo optimizarlos para mejorar el rendimiento y la accesibilidad, cómo validarlos para evitar errores y cómo adaptarlos a las diferentes pantallas y dispositivos.
Y eso es lo que te ofrece el curso gratis de HTML que te voy a recomendar. Se trata de un curso online impartido por YouTube, una plataforma de vídeo digital que ofrece cursos gratuitos y de pago sobre diversos temas. El curso se llama “Curso básico HTML 2020” y está diseñado para que aprendas desde cero cómo crear y diseñar páginas web con HTML.
¿Qué vas a aprender en este curso gratis de HTML?
El curso tiene una duración de 4 horas y está dividido en 25 vídeos que abarcan los siguientes temas:
- Introducción: en este vídeo se presenta el curso, el instructor y los objetivos del mismo. También se explica qué es HTML, qué es una página web, qué es un navegador web y qué herramientas se van a usar.
- Estructura básica: en este vídeo se explica cómo es la estructura básica de una página web en HTML, cuáles son sus elementos principales, cómo crear un documento HTML y cómo guardar y abrir un archivo HTML.
- Etiquetas: en este vídeo se explica qué son las etiquetas en HTML, cuáles son sus partes, cómo se clasifican, cómo se anidan y cómo se cierran.
- Atributos: en este vídeo se explica qué son los atributos en HTML, cuáles son sus partes, cómo se asignan valores, qué tipos de valores existen y qué atributos globales hay.
- Texto: en este vídeo se explica cómo trabajar con texto en HTML, cómo usar los elementos de encabezado, párrafo, salto de línea y espacio en blanco, cómo aplicar formato al texto con las etiquetas strong, em, mark, del e ins, cómo crear listas ordenadas y desordenadas con las etiquetas ul, ol y li, y cómo crear citas con las etiquetas blockquote y q.
- Enlaces: en este vídeo se explica cómo crear enlaces en HTML, cómo usar el elemento a con el atributo href, cómo crear enlaces internos y externos, cómo abrir enlaces en una nueva pestaña con el atributo target, cómo crear enlaces a partes específicas de una página con el atributo id, y cómo crear enlaces a archivos o correos electrónicos con los protocolos file y mailto.
- Imágenes: en este vídeo se explica cómo insertar imágenes en HTML, cómo usar el elemento img con los atributos src y alt, cómo ajustar el tamaño y la posición de las imágenes con los atributos width, height y align, y cómo crear mapas de imagen con los elementos map, area y usemap.
- Tablas: en este vídeo se explica cómo crear tablas en HTML, cómo usar los elementos table, tr, th y td, cómo definir el encabezado, el cuerpo y el pie de una tabla con los elementos thead, tbody y tfoot, cómo combinar celdas con los atributos rowspan y colspan, y cómo aplicar estilo a las tablas con los atributos border, cellpadding y cellspacing.
- Formularios: en este vídeo se explica cómo crear formularios en HTML, cómo usar el elemento form con los atributos action y method, cómo crear campos de entrada con el elemento input y sus diferentes tipos (text, password, checkbox, radio, submit, etc.), cómo crear áreas de texto con el elemento textarea, cómo crear listas desplegables con el elemento select y sus opciones, y cómo agrupar y etiquetar los elementos de un formulario con los elementos fieldset y label.
- Multimedia: en este vídeo se explica cómo insertar contenido multimedia en HTML, como audio, vídeo o animaciones. Se explica cómo usar los elementos audio y video con sus atributos src, controls, autoplay y loop, cómo insertar subtítulos con el elemento track, cómo insertar contenido de YouTube o Vimeo con el elemento iframe, y cómo insertar contenido Flash con el elemento embed.
- Estilos: en este vídeo se explica cómo aplicar estilos a una página web en HTML, usando hojas de estilo en cascada (CSS). Se explica qué es CSS, qué ventajas tiene sobre HTML, cómo vincular una hoja de estilo externa con el elemento link, cómo escribir una hoja de estilo interna con el elemento style, y cómo aplicar estilos directamente a un elemento con el atributo style.
- Clases e id: en este vídeo se explica cómo identificar y seleccionar elementos en HTML para aplicarles estilos con CSS. Se explica cómo usar los atributos class e id para asignar nombres a los elementos, cómo usar selectores de clase e id en CSS para aplicar estilos a esos elementos, y cómo combinar selectores para crear reglas más específicas.
- Layout: en este vídeo se explica cómo crear la estructura o layout de una página web en HTML. Se explica qué son los elementos semánticos de HTML5, como header, footer, nav, article, section o aside. Se explica cómo usar estos elementos para dividir la página web en zonas lógicas y significativas. Se explica también cómo usar CSS para posicionar estos elementos mediante las propiedades display, position y float.
- Responsive: en este vídeo se explica cómo hacer que una página web se adapte a diferentes tamaños de pantalla y dispositivos. Se explica qué es el diseño web responsive o adaptativo. Se explica cómo usar CSS para crear reglas de estilo condicionales mediante las media queries. Se explica también cómo usar la etiqueta meta viewport para controlar el ancho y la escala de la página web.
- Validación: en este vídeo se explica cómo validar una página web en HTML. Se explica qué es la validación y por qué es importante. Se explica también cómo usar herramientas online como el validador del W3C para comprobar si una página web cumple con los estándares de HTML. Se explican también algunos errores comunes que se pueden encontrar al validar una página web.
¿Qué ventajas tiene este curso gratis de HTML?
Este curso gratis de HTML tiene varias ventajas que lo hacen muy recomendable:
- Es gratuito: no tienes que pagar nada por acceder al curso ni por obtener el certificado. Solo tienes que registrarte en YouTube con tu correo electrónico o con tu cuenta de Facebook o Google.
- Es online: puedes hacer el curso desde cualquier lugar y a cualquier hora. Solo necesitas una conexión a Internet y un dispositivo compatible con YouTube (ordenador, tablet o móvil).
- Es flexible: puedes avanzar a tu ritmo y repetir los vídeos tantas veces como quieras. No hay plazos ni horarios fijos. Tú decides cuándo y cómo estudiar.
- Es práctico: el curso se basa en ejemplos reales y casos prácticos que te permiten aplicar lo que aprendes y ver los resultados en tu propia página web. Además, el curso incluye recursos adicionales, como archivos de ejemplo, ejercicios resueltos o enlaces de interés, que puedes descargar y usar para tu aprendizaje.
- Es completo: el curso cubre todos los aspectos básicos y avanzados de HTML, desde la estructura y el contenido hasta el estilo y la adaptación de una página web. El curso te da una visión global y detallada de este lenguaje y de su utilidad para la web.
- Es didáctico: el curso está impartido por un experto en HTML que explica los conceptos de forma clara y sencilla, con un lenguaje accesible para todos los niveles. El curso también incluye subtítulos, gráficos e imágenes que facilitan la comprensión.
¿Qué esperas para aprender a crear y diseñar páginas web con el lenguaje de marcado más popular de Internet?
Como has visto, HTML es el lenguaje más básico y esencial para crear y diseñar páginas web. Con HTML puedes crear tu propia página web en poco tiempo. Además, HTML es la base para aprender otros lenguajes y tecnologías web, como CSS, JavaScript, PHP o Python.
Spanish