How make the HTML I took from another site show up properly?

44 Views Asked by At

I used inspect-element to change words and images on a website for a project and then saved the newly edited site as a file, but after working fine the first few times I ran it. The file started to show up weird. It originally looked like the linked Clickhole.com article that I've linked albeit with my modifications. And now shows up broken. So I was wondering how to make the file look right again.

It might be because the file was originally ran in on a Google-chrome laptop but doesn't know what to do trying to run on a Mac or Windows computer but I'm not sure.

How the edited code shows up How it originally looked

1

There are 1 best solutions below

0
On

You would need to download all the assets the HTML file is pointing to, like the images and style.css. Or you could add a base tag in the head element of the HTML file to make the website look for assets in the original.

<base href="https://clickhole.com/overstepping-her-bounds-j-k-rowling-has-announced-tha-1828826710/">