1.6 KiB
Resumen
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.