Profesor: Ricardo Celis

Notas de Alexander Mendoza Twitter: @criptodecalle

¿Que es HTML y CSS? ¿Para que sirven?

HTML: Es un lenguaje de marcado de hipertexto.

Sirve para estructurar todas nuestra pagína web.

CCS: Hojas de estilo de cascada

Nos va al esqueleto de nuestro sitio web, colores, tamaños, ubicaciones

Trabajan en conjunto.

Motores de renderizado

Cuando escribirmos el HTML o el CCS. Lo escribimos con la sintaxis del código, pero el navegador no entiende nada de ese código es por esto que los navegadores tienen este motor que traduce esta información y para entenderlo, poderlo convertir en pixeles y así nosotros poder visualizarlo.

Navegador Motor
Chrome Blink
Edge Edge HTML
Safari Webkit
Firefox Gecko

Estos motores tienen 5 pasos:

  1. Pasa los archivos (HTML) a objetos, se llama DOM (Document Object Model)
  2. Calcula el estilo correspondiente a cada nodo DOM. Va creando etiquetas para organización.
  3. Calcula las dimensiones de cada nodo y donde van en la pantalla, que tamaño va a tener.
  4. Pinta las cajas, tiene la estructura, el html, css y acá las pinta.
  5. Toma las capas y las convierte en una imagen para mostrar en pantalla. Toma una foto y renderiza para mostrar al usuario.