HTML5 - Going Further with Hypertext: Meeting the "HT" in HTML(relative path, href)

Head First HTML and CSS

開発環境

• macOS Sierra - Apple (OS)
• Emacs (Text Editor)
• Safari(Web browser)

Head First HTML and CSS (Elisabeth Robson(著)、Eric Freeman(著)、O'Reilly Media)の Chapter 2.(Going Further with Hypertext: Meeting the "HT" in HTML)、SHARPEN YOUR PENCIL(No. 1620) を取り組んでみる。

SHARPEN YOUR PENCIL(No. 1620)

コード(Emacs)

HTML

<a href="about/directions.html">detailed directions</a>

Terminal(Bash)

$ ls -R lounge/
./  about/  images/  lounge.html~
../  beverages/ lounge.html

lounge//about:
./   ../   directions.html

lounge//beverages:
./  ../  elixir.html

lounge//images:
./  blue.jpg green.jpg red.jpg
../  drinks.gif lightblue.jpg
$