Web Developer Fundamentals

HTML → Estructura de la página

CSS → Lenguaje para dar estilos, interacción y mejorar la experiencia de los usuarios.

Perfiles de un Web Developer:

Paginas Estáticas y Dinámicas:

<aside> 💡 Tip: CTRL + K + C → Comenta selección en VSC, no importa el lenguaje.

</aside>

HTML (Hipertext Markup Languaje)

Lenguaje de marcado de hipertexto:

<aside> 💡 <!— Comentarios en HTML —>

</aside>

Anatomía de una pagina web

Container →El contenedor principal del sitio

Header → Contiene el titulo de la página y permite la navegación en el sitio

Main Content → Estructura que guarda la información principal de la pag web

Sidebar → Información secundaria

Footer → Contine información adicional del sitio o empresa

Anatomía de una etiqueta de HTML

ETIQUETA DE APERTURA → En ella van los atributos.

ETIQUETA DE CIERRE → LLeva un /. Las etiquetas que no necesiten llevar contenido no tienen etiqueta de cierre.

CONTENIDO → Lo que va entre las etiquetas de apertura y cierre

ELEMENTO → Conjunto de la etiqueta y su contenido

ATRIBUTO → Aquellos argumentos que van en la etiqueta de apertura. Pueden ser vacios (solo llevan una palabra) o compuestos (tienen un valor).

Index y su estructura Básica (Boilerplate):

<aside> 💡 El archivo index.html es el primero que el servidor va a buscar al abrir un proyecto. De no encontrarlo, muestra la estructura en carpetas del proyecto, a menos que se le indique al navergador cual es el nombre del archivo que debe buscar.

</aside>

Semántica de HTML (Maquetación básica de una pagina web). BOILERPLATE.