#+title: Resumen
#+options: date:nil

* Html
HTML define la estructura de contenido web, permitiendo la creación de páginas dinámicas. Su función es básica: usar etiquetas y atributos para organizar texto y elementos en navegadores.

** Elementos de Bloque
Estos son los que se utilizan para estructurar contenido de forma semantica. Estos crean lineas cuando son colocados.

Ej,
<article>, <div>, <footer>, <form>, <h1> a <h6>, <header>, <li>, <p>, <section>, <table>, <ul>.

** Elementos Enlineados
Estos Se emplean para aplicar un estilo a la pagina y se renderizan de forma secuencial uno atras de otro.

Ej,
<strong>, <img>, <span>, <button>, <input>, <label>, <select>, <textarea>.

* Css
Es una tecnología que permite aplicar estilos visuales y estéticos a páginas web.

** Selectores
Son los identificadores que vinculan las reglas de CSS con los elementos del DOM.

** Layout
Refiere la disposición de elementos y formas en un diseño. Es un concepto clave en la estructura de una página web, que define cómo se distribuyen los elementos en un plano.

* Responsive
El diseño web responsive adapta el contenido a dispositivos diferentes (móviles, tablets, escritorio) mediante breakpoints (media queries) para optimizar la experiencia del usuario. El modelo de caja (box model) define cómo se distribuyen el contenido, padding, borde y margen en los elementos.

El diseño mobile-first se centra en crear una experiencia consistente en dispositivos móviles, escalando el contenido para pantallas de escritorio.

* FlexBox
Es un "Display" el cual da un vector donde se acomodan los elementos de forma dinamica a la cantidad de espacio.