Imagina que tienes una bicicleta a la que no se le pueda cambiar la rueda porque el eje viene soldado al cuerpo de la bicicleta, eso sería el equivalente a poner el texto directamente en html, es decir, si deseas cambiar algo no puedes, solamente que hagas el cambio y vuelvas a recargar la página. en cambio, desde javascript es como cambiar la rueda simplemente quitando la anterior y poniendo la nueva. es decir, que sin la necesidad de recargar la página puedes hacer ese cambio desde javascript según sea necesario, evidentemente quizás tu desees que sea fijo pero cuando son proyectos grandes puede que se te haga más dificil buscar en html que en un archivo con las listas del texto para cada elemento. Saludos.

Tu pregunta no esta mal pero esas practicas se hacian antes. Las primeras páginas web, creadas a partir de 1989 con HTML, eran bastante simples en comparación con las que vemos hoy en día. No tenían elementos interactivos ni estilos visuales elaborados.

Sin JavaScript ni CSS, las páginas web se limitaban a:

Mostrar texto e imágenes: El contenido principal de las páginas web era texto plano, con imágenes incrustadas. Organizar el contenido con etiquetas: Las etiquetas HTML se usaban para estructurar el contenido en diferentes secciones, como encabezados, párrafos, listas y tablas. Enlaces: Los hipervínculos permitían navegar entre diferentes páginas web.

Basicamente eran estructuras simples poco visual,dinamico, estetico y organizado. Para crear una pagina se deberia crear varios archivos de html en donde cada uno cumplia un proposito y para realizar los cambios debian ir a cada archivo creado en html para modificar su estructura o etiquetas.

En este link te explica la diferencia y la importancia de este tridente para el desarrollo front end.

https://www.aluracursos.com/blog/html-css-javascript-cuales-son-las-diferencias