HTML, CSS, JavaScript de verdad

HTML es un lenguaje de etiquetas, por ejemplo:

Hola <strong>mama ya casi</strong> aprendo

Hace que lo que se encuentra dentro de las etiquetas se encuentre en negrita. Otras etiquetas serían:

<html> </html>

etiquetas dentro de las cuales se pondrá todo el código HTML

<head> </head>

Hace referencia a todo lo que se encontrará en la cabecera

<aside> 💡 siempre es la primera etiqueta después del head

</aside>

Esta etiqueta lleva varias cosas que no se muestran en pantalla, estos se conocen como metadatos.

Esto es así debido a que en esta etiqueta se carga todo lo que se carga antes del elemento visual, dentro de estos se incluyen los estilos de diseño que se grafican en la página web

En esta etiqueta se colocan cosas como el título

<title> </title>

etiqueta que definirá el título de la página web (Esto es muy importante ya que hace parte de las cosas a las que google le da más importancia)

<p> </p>

Hace referencia a todo lo que se encontrará en la cabecera

<body> </body>

En esta etiqueta irá todo lo que se encuentre en la página WEB

Estilos

Se puede agregar dentro de la etiqueta head en html con la etiqueta <style>

Dentro de esta etiqueta se escribe código CSS, por ejemplo, para agregarle estilos a todo lo que se encuentre dentro de body, se hace lo siguiente:

<style>
    body{
        background-color: darkgray;
        color: white;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    }
    strong{
        background-color: aqua;
    }
</style>

En CSS, la sintaxis es parecida a JavaScript, por lo que las lineas de código se finalizan con punto y coma, pero si es un bloque de código, se finaliza con llaves