37 lines
1.6 KiB
Org Mode
37 lines
1.6 KiB
Org Mode
#+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.
|
|
|
|
|