HTML Básico

​HTML Básico

• ¿Qué es HTML y para qué sirve?

• Estructura básica de un documento HTML

• Etiquetas principales: <title>, <h1>–<h6>, <p>

• Mini práctica y cierre:

Qué aprenderemos

¿Alguna vez te has preguntado cómo se crea una página web como Google, YouTube o tus redes sociales?

Poll

Elige una opción

• a) Con programas mágicos
  

• b) Con códigos y lenguajes como HTML
  

• c) Con imágenes y videos solamente
  

• d) No tengo idea

"Si una página web fuera una casa"

- HTML sería la estructura: paredes, puertas, ventanas
- CSS sería la pintura y decoración

- JavaScript sería la electricidad y funcionalidades"

HTML = HyperText Markup Language

• Es el estándar web mundial

• Todas las páginas web lo usan

• Base para aprender desarrollo web

• Fácil de empezar, poderoso al dominarse

HTML = HyperText Markup Language

Estructura Básica

<html>: Contenedor principal

<head>: Información para el navegador (no visible)

<title>: Título de la pestaña

<body>: Contenido visible de la página

<h1>: Encabezado principal

<p>: Párrafo de texto

Clic acá para practicar

Home

Open in new tab

Copy link

Multiple Choice

¿Qué significa HTML?

• HiperTexto Multi Language

• HighText Makeup Language

• HyperText Markup Language
• HyperText Machine Language

Multiple Choice

¿Qué etiqueta usamos para un párrafo?

• <h1>

• <head>

• <body>

• <p>

Ingresa al enlace de cada ejercicio y complétalo

Ejercicio 1

Ejercicio 2

Ejercicio/Tarea

Cada sitio web que visiten desde hoy - Google, Instagram, Netflix - está construido con los mismos principios que acaban de dominar.

Reflexión
Final