- 1
Este curso tiene una versión actualizada.
00:05 - 2

HTML y CSS: Fundamentos para Desarrolladores Web
02:46 - 3

Fundamentos del Desarrollo Frontend: Tecnologías y Prácticas Esenciales
05:02 - 4

Fundamentos del Desarrollo Backend
03:55 - 5

Comprende el Rol y las Habilidades de un Desarrollador Full Stack
03:04 - 6

Diferencias entre Páginas Web Estáticas y Dinámicas
08:18
Anatomía de una Página Web: Estructura y Elementos HTML
Clase 7 de 56 • Curso Definitivo de HTML y CSS
Contenido del curso
- 17

Creación de Formularios Web Efectivos con HTML
11:54 - 18

Creación de Formularios HTML con Campos de Fecha y Hora
10:18 - 19

Autocompletado y Requerimiento en Formularios HTML
10:49 - 20

Creación de Menús Desplegables con Select y Data List en HTML
08:11 - 21

Diferencias entre botones submit e input en formularios HTML
04:50
- 22

Introducción a CSS: Estilos y Aplicaciones Básicas
02:05 - 23

Implementación Básica de CSS en HTML
10:50 - 24

Pseudo Clases y Pseudo Elementos en CSS
17:31 - 25

Anatomía de una Regla CSS: Selectores y Declaraciones
02:16 - 26

Modelo de Caja en CSS: Margen, Relleno y Bordes
15:49 - 27

Herencia en CSS: Cómo Funciona y Afecta a los Estilos
06:00 - 28

Especificidad y Orden de Declaración en CSS
08:17 - 29

Especificidad y Orden en CSS: Crear y Aplicar Estilos Correctamente
15:28 - 30

Buenas prácticas en CSS: Especificidad y uso adecuado de selectores
08:12 - 31

Combinadores CSS: Hermanos Adyacentes y Especificidad
05:06 - 32

Selectores de Hermano General en CSS: Uso y Ejemplos Prácticos
02:52 - 33

Combinadores CSS: Hijos y Descendientes
06:18 - 34

Medidas Absolutas y Relativas en CSS: Píxeles y Porcentajes
07:48 - 35

Comprensión del uso de em en CSS: medidas relativas de fuente
08:29 - 36

Uso de REM en CSS para Fuentes y Dimensiones
08:25 - 37

"Uso de Viewport y Dimensiones en CSS: min-width, max-width, min-height"
08:26 - 38

Posicionamiento en CSS: Static, Absolute y Relative
10:26 - 39

CSS: Display Block, Inline e Inline-Block
12:52 - 40

Posicionamiento de Layout Básico en CSS
01:48 - 41

Posicionamiento y Estilos con Display Flex en CSS
15:15 - 42

Posicionamiento Vertical con Flexbox en CSS
12:42 - 43

Uso de Variables Custom en CSS para Optimizar Estilos
12:34 - 44

Fuentes y Web Fonts en CSS: Cómo Seleccionarlas y Aplicarlas
11:43
- 45

Responsive Design: Estrategias Mobile First
06:31 - 46

Patrones de Diseño Responsive: Mobile First a Desktop
07:20 - 47

Media Queries para Diseño Responsive Mobile y Tablet
12:10 - 48

Patrón Layout Shifter en Diseño Mobile First
08:51 - 49

Patrón de Diseño Responsive: Column Drop en CSS
07:47 - 50

Diseño Responsive: Estrategias y Ejemplos Prácticos
11:52 - 51

Imágenes Responsive: Uso de la Etiqueta Picture y Buenas Prácticas
12:00
HTML (HyperText Markup Language) es un lenguaje de marcado de texto. Se utiliza para darle una estructura al sitio web que estás visitando.
Estructura básica de HTML en una página Web
- Container: contenedor principal
- Header: cabecera de la página. Aquí usualmente encuentras el logo y el menú de navegación del sitio.
- Main content: estructura principal. Por ejemplo, el feed o lista de publicaciones de una red social.
- Sidebar: contenido secundario de una página, que usualmente se encuentra a los lados del contenido principal (o main).
- Footer: pie de página. Esto se encuentra al fondo del sitio web, salvo en casos de sitios web donde el scroll (o navegación hacia abajo) es infinito, por ende, no tendría sentido ponerlo al fondo.

Las etiquetas en HTML nos ayudan a diferenciar en qué parte del contenido nos encontramos.
La web se conforma de tres conceptos:
- URL: Uniform Resource Locator. El identificador único del sitio en el navegador (por ejemplo: https://platzi.com).
- HTTP: Protocolo de transferencia de hipertexto. Es el estándar que se utiliza para enviar datos a través de paquetes entre el cliente y el servidor.
- HTML: es el código que se emplea para estructurar el contenido de tu web, y darle sentido y propósito.
HTML son siglas que corresponden a Hyper Text Markup Language (Lenguaje de Marcado de Hipertexto).
- Hyper Text significa que el texto tiene interactividad, conexión con otros documentos.
- Markup significa que le pone etiquetas a los elementos. Por eso también se le conoce como un lenguaje de etiquetas.
HTML es un lenguaje interpretado. Además, HTML es un estándar, así que no importa desde qué navegador o dispositivo se ejecute, el código sigue siendo el mismo en cualquier sitio.
Aporte creado por: Obed Paz, Christian Tambo, Marcelo Chavarría