

自分で作った(html)ウェブをエクスプローラー内で開いて、そこから同じウェブ内のファイルにリンクしたいのですが、「このページはひょうじできません」とでてきて、リンクされません。  
どうすれば、リンクできますか。  
ちなみに、visual studio codeでhtmlをかいてます。  
これをInternet Exploreで開いて、/boards/india.html/
の部分をクリックすると表示されません。(ちなみに、/boards/india.html/ の部分は、すでにコードは書き終わってます。)

[code]

    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="utf-8" />
        <meta name='viewport' content='width=device-width, initial-scale=1'>    
        <title>indiachan</title>
    
        <style type='text/css'>
            body {font-family : arial,helvetica,sans-serif; color : rgb(30,30,30);  font-size: 14px;background-color: rgb(240,240,240); }
            h1 { font-size: 26px; text-align: center; }
            h3 { font-size: 16px; margin : 3px;  }
            #what_is { max-width : 600px; background-color: #fff; border : 1px solid #444; padding : 10px; margin: auto; }
            #board_select { max-width: 700px; background-color: #fff; border : 1px solid #444; padding : 10px; margin : auto; margin-top: 20px; t    ext-align: center; line-height: 200%; }
            #board_select_inner a { margin-left : 5px;  margin-right: 5px; }
    
        </style>
    </head>
    
    <body>
    <div id='about'>
    
        <h1>Welcome to Indiachan.</h1>
        <div id='what_is'>
            <p>
            Indiachan is a simple image-based bulletin board where anyone can post comments and share images about any topic. You do not need to     register an account for posting. Indiachan will not use cookies or third party ads.
            </p>
            <p>
            See <a href='/rules_and_faq.html/'>rules and faq</a> to learn more about using this site. And yes, this site is inspired by 4chan :)
            </p>
        </div>
    </div>
    
    <div id='board_select'>
        <h3>boards : </h3>
        <div id='board_select_inner'>   
            <a href='/boards/india.html/'>India</a> <a href='/boards/b.html/'>Random</a> <a href='/boards/a/'>Anime &amp; Manga</a> <a href='/boa    rds/meta/'>meta</a> <a href='/boards/japan.html/'></a>japan</a> <br>
        </div>
    </div>
    
    </body>
    
    </html>
    
[/code]


CC BY-SA 3.0
2018-02-14T14:33:35.923
41712
2018-02-15T13:00:53.880
2018-02-15T12:41:06.647
13022
26972
question
html vscode
エクスプローラー内で、リンクができません


別ファイルへのリンク部分が以下の様に記述されていますが、いくつかの余計な`/`が原因だと思います。

[code]

    <a href='/boards/india.html/'>India</a>
    
[/code]

リンク先ファイル名の先頭に`/`を付けるとそのファイルは **絶対パス**
として解釈されますが、恐らく実際のファイルは相対パスで参照するべきなので、以下いずれかの記述方法になるはずです。  
ちなみにファイル名(`*.html`)の後ろについている`/`も余計かと思います。

[code]

    <a href='./boards/india.html'>India</a>
    <a href='boards/india.html'>India</a>
    
[/code]


CC BY-SA 3.0
2018-02-15T13:00:53.880
41741
2018-02-15T13:00:53.880
3060
41712
answer