Examples of issues with paths

Relative Image

below should be a boombox, whose source file is located in this example directory.

I am including it with the following code:

      <img src='boombox.svg' />

I can also try setting the source to "./boombox.svg", but will get the same result.

Below is the boombox again, now with the absolute path

      <img src='/example/boombox.svg' >

There are two css files in this dir, astyle.css and bstyle.css

In the head of this document, I link to astyle.css with a relative path.

astyle.css contains a rule that should make the below div orange

I should be orange

I link to bstyle.css with an absolute path.

Because of this, the below div will be green.

I will be green.

With internal links, even to pages in the same directory, I must provide an absolute path.

the file two.html is located in this example dir.

(Specifically, the last two links will bring you to https://solarpunk.cool/two.html)

external links work fine, except if you set the target to "_blank".

With this attribute set, you can click, but nothing happens.