HTML - ¿Por que no puedo enlazar un archivo HTML con archivos CSS y Javascript?

A mi siempre me ha interesado el mundo de la computación y el de la programación, y hace más o menos un mes decidí comenzar a aprender algo de programación aprendiendo HTML y CSS ( se que no son exactamente un lenguaje de programación, pero son muy parecidos), después de hacer un curso de un mes de HTML y CSS por Internet decidí aprender Javascript ya que es el más utilizado. Pero cuando intente enlazar el archivo HTML con Javascript no lo logre, y no solo eso sino que ahora tampoco se me enlaza con CSS. Y estoy 100% seguro de que mi código esta bien ya que lo revise como 100 veces.

PD: Uso como escritor de código Notepad++ y Atom












Como pueden ver el codigo CSS no se me enlaza con el HTML

Jose,

Quizás sea algo de rutas:
Definitivo.css está dentro de una carpeta llamada css?
La estructura de archivos debería ser así:

Pagina Definitiva.html
- css (carpeta que tiene dentro a Definitivo.css)
- js (carpeta que tiene dentro a Definitivo.js)

Cuéntanos que tal,
Saludos.

Si definitivo.css esta dentro de una carpeta que se llama CSS y Definitvo.js esta dentro de una carpeta que se llama javascript y ningún de los 2 me funciona ya sea en Atom o en Notepad++

Ya veo. Probemos estructurar bien el código HTML:


Ten en cuenta en nombre de la carpeta debe ser en minúsculas.
Si haces ves el código fuente de tu pagina, puedes clickear en el archivo css y ver si esta correctamente llamado?
Saludos!

Revisa la consola del navegador, ahí veras si hay algún problema en la carga de los archivos (F12 en Chrome)

No te funcionara en Atom o Notepad, solo las incluye en el navegador.

Revise la consola y me aparecen estos 2 errores, como lo podria solucionar?

LOL Problema de rutas como se te indico previamente,
revisa que estén en los directorios correctos.
Saludos!

#José si eres tan amable haz una captura de pantalla de la carpeta en la que tienes el Pagina Definitiva.html. Si lo haces podremos comprender como lo tienes. El error que marca el navegador está indicando que no encuentra los archivos css y img como bien indicó el Sr López.

Asi lo tengo ordenado

Escritorio>Web(carpeta donde tengo todas las cosas)>después tengo una carpeta para CSS, una para HTML, una para Javascript y una para las imagenes>y dentro de cada una tengo los documentos que se muestran

Insisto toma una captura de pantalla una imagen vale más que mil palabras:

Utiliza una Tool(herramienta) de windows se llama recortes ->das Click en Inicio-> verás una especie de textbox(Caja de Texto) ahí colocas la palabra recortes y te aparecerá el programa--> das click y ya con la carpeta abierta tomas una imagen.


Si no quieres tomar la captura te voy a mostrar la estructura de como tiene que estar todo:

Carpeta Web
->Carpeta con nombre css en minúsculas y dentro el archivo Definitivo.css
->Carpeta con nombre imagenes en minúsculas y dentro el archivo portada.jpg
-> archivo con nombre --->Pagina Definitiva.html

El problema es de Rutas así es que viendo una imagen nos podemos acercar a tu problema más un saludo

CSS


HTML


Javascript


Imagenes


Todo esto esta dentro de una carpeta que se llama Mi primera Web en el escritorio

José,

Saca todos los elementos .html que están dentro de la carpeta HTML ,
y ponlos directamente en Mi Primera Web.

También puedes modificar las ruta de:
a:

Eso deberá solventar tu problema.

PS: Lectura recomendada: https://www.jasoft.org/Blog/post/Las-rutas-relativas-en-archivos-CSS.aspx
Saludos!

Si solo tenia que sacar los archivos HTML de su carpeta para que me funcionara. Muchas Gracias