Conceptos básicos de HTML

Conceptos básicos de HTML

0%

1. Comprendiendo la Web y HTML

Obtén una introducción a la web y HTML, incluyendo la importancia de las etiquetas, elementos y atributos. Aprende sobre la estructura básica de un documento HTML y la breve historia de la web.

Introducción al Curso

Introducción a la Web

Breve Historia de la Web

¿Por qué necesitamos HTML?

Estructura Básica de un Documento HTML

Etiquetas, Elementos y Atributos

2. Fundamentos de HTML

Domina los conceptos básicos del marcado HTML, centrándote en el formato especial de texto y listas, comprendiendo su importancia en la estructuración del contenido dentro de un documento HTML. Sumérgete en las complejidades de la estructura del documento HTML mientras perfeccionas las técnicas de marcado de texto.

Estructura del Documento HTML

Desafío: Estructura del Documento HTML

Marcado de Texto

Desafío: Marcado de Texto

Marcado de Texto Especial

Desafío: Marcado de Texto Especial

Desafío: Listas

3. Imágenes y Medios

Desbloquea el poder del contenido visual y auditivo en el desarrollo web mientras aprendes a integrar sin problemas imágenes, videos y elementos de audio en documentos HTML. Explora las sutilezas de incorporar varios formatos de medios.

Desafío: Imágenes

Desafío: Audio

Desafío: Video

4. Tablas y Formularios

Navega por las complejidades de la presentación de datos y la interacción del usuario con una cobertura completa de tablas y formularios en HTML, abarcando estructuras de tablas, creación de formularios y elementos de entrada. Adquiere competencia en la implementación de elementos de entrada de formularios y el aprovechamiento de atributos para una funcionalidad mejorada.

Desafío: Tabla

Desafío: Formularios

Elementos de Entrada de Formulario y Etiqueta

Desafío: Elementos de Entrada de Formulario y Etiqueta

Atributos para Elementos de Entrada

5. HTML Avanzado

Eleva tus habilidades de HTML al siguiente nivel explorando elementos semánticos de HTML, lo que te permitirá crear contenido web bien estructurado y accesible. Emprende la construcción de tu primer sitio web, aplicando el nuevo conocimiento para dar vida a tus ideas.

HTML Semántico

Elementos Semánticos

Desafío: Elementos Semánticos

Construyendo Todo el Sitio Web

Contenido del Curso

Conceptos básicos de HTML

Conceptos básicos de HTML

Estructura Básica de un Documento HTML

Un documento HTML sigue una estructura básica que consta de varios elementos. Aquí tienes una estructura típica de un documento HTML:

Resumen de la estructura

<!DOCTYPE html>: Esta línea indica al navegador qué versión de HTML está utilizando el documento. En este caso, es HTML5, la última versión de HTML;
<html>: Este es el elemento raíz del documento HTML. Todos los demás elementos están contenidos dentro de este elemento;
<head>: Esta sección contiene metainformación sobre el documento, como la codificación de caracteres (<meta charset="UTF-8">) que asegura que los caracteres especiales se muestren correctamente, y el título del documento (<title>) que aparece en la barra de título o pestaña del navegador;
<title>: Este elemento establece el título del documento, que se muestra en la barra de título o pestaña del navegador;
<body>: Aquí es donde va el contenido principal de la página web. Colocarás texto, imágenes, enlaces, formularios y otros elementos dentro del elemento <body>. Esto es lo que los usuarios verán e interactuarán cuando visiten tu página web.

Tutorial en Video

Enlace al editor de código - Visual Studio Code

¿Todo estuvo claro?

¡Gracias por tus comentarios!

Sección 1. Capítulo 5

some-alt