HTML 5-1. Route


1. <a>


:安卡tag被外部亚德雷斯链接的标志。大福:青-昂网站           赤-亚克蒂布链(克里克时)           パープルグルーグ <a href=「パス」>コンテンツ</a> ->このパスの基準は、常に作成中のhtmlドキュメントの基準であることを覚えておいてください。<例>4。main.htmlドキュメントのmark-up<!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <title>main</title> </head> <body> <h1>main.html</h1> </body> <ul> <li><a href="main.html">main</a></li> <li><a href="a/sub1.html">sub1</a></li> <li><a href="a/sub2.html">sub2</a></li> <li><a href="a/b/sub3.html">sub3</a></li> <!-- /サブフォルダの表示 親フォルダの表示 --> </ul> </html>4-1. 主な結果。html
  • main
  • sub1
  • sub2
  • sub3
  • 5. sub1.htmlドキュメントのmark-up

    <!DOCTYPE html>
    <html lang="ko">
    <head>
        <meta charset="UTF-8">
        <title>sub1</title>
    </head>
    <body>
        <h1>sub1.html</h1>
        <ul>
            <li><a href="../main.html">main</a></li>
            <!--
                sub1.html 문서 기준으로 main.html은 상위폴더에 위치한다.
            -->
            <li><a href="sub1.html">sub1</a></li>
            <li><a href="sub2.html">sub2</a></li>
            <li><a href="b/sub3.html">sub3</a></li>
            <!--
                sub1.html 문서 기준으로 sub3.html문서는 하위폴더인 b 폴더 내에 위치한다.
            -->
        </ul>
    </body>
    </html>
    sub1

    sub1.html

  • main
  • sub1
  • sub2
  • sub3
  • 6. sub2.htmlドキュメントのmark-up

    <!DOCTYPE html>
    <html lang="ko">
    <head>
        <meta charset="UTF-8">
        <title>sub2</title>
    </head>
    <body>
        <h1>sub2.html</h1>
        <ul>
            <li><a href="../main.html">main</a></li>
            <li><a href="sub1.html">sub1</a></li>
            <li><a href="sub2.html">sub2</a></li>
            <li><a href="b/sub3.html">sub3</a></li>
        </ul>
    </body>
    </html>
    sub2

    sub2.html

  • main
  • sub1
  • sub2
  • sub3
  • 7. sub3.htmlドキュメントのmark-up

    <!DOCTYPE html>
    <html lang="ko">
    <head>
        <meta charset="UTF-8">
        <title>sub3</title>
    </head>
    <body>
        <h1>sub3.html</h1>
        <ul>
            <li><a href="../../main.html">main</a></li>
            <li><a href="../sub1.html">sub1</a></li>
            <li><a href="../sub2.html">sub2</a></li>
            <li><a href="sub3.html">sub3</a></li>
        </ul>
    </body>
    </html>
    sub3

    sub3.html

  • main
  • sub1
  • sub2
  • sub3