I like this diagram you can roll your mouse over, to see which parts of a URL have what identifying names.

You can see the original here.

https://example.org:8080/foo/bar?q=baz#bang

(The original works better than my copy because I don’t know enough about embedding HTML in Hugo pages.)