HTML Subdirectory Link

  • HTML directories are managed in logical hierarchical structure.

How to manage on your directory in website?

Main Level
http://www.domain.com/

First Level of Sub-Directories
http://www.domain.com/subdir1/

Second Level of Sub-Directories
http://www.domain.com/subdir1/subdir2/


Visual File Structure

File Structure

Moving Down

  • Document (Web page/document/image/resources etc..) call in the same directory.

  • Linking to a document in same directory on your current web page:

    <a href="firstpage.php">

  • Linking to a document in one level below directory (subdirectory) on your current web page:

    <a href="html/firstpage.php">

  • Linking to a document in two level below directory (subdirectory to subdirectory ) on your current web page:

    <a href="html/basic/firstpage.php">

Moving Up

  • Document (Web page/document/image/resources etc..) call in the above directory.

  • Linking to a document in one level below directory (subdirectory) on your current web page:

    <a href="../firstpage.php">

  • Linking to a document in a two level above directory (subdirectory) on your current web page:

    <a href="../../firstpage.php">

Moving Up/Down

  • Document (Web page/document/image/resources etc..) call in the same directory to one above directories or one sub directories.

  • Linking to a document in a one level above and below one subdirectory on your current web page:

    <a href="../basic/firstpage.php">

  • Linking to adocument in a two level above and below one subdirectory on your current web page:

    <a href="../../css/firstpage.php">