[JSP] ch02-06. Target

2-6. Target

index.html

<!DOCTYPE html>
<style>
    ul{
        list-style: none;
        float: left;
    }
    li{
        margin: 10px;
    }
    iframe{
        border: none;
    }
</style>
<ul>
    <li><a href="main.html" target="cotent">MAIN</a></li>
    <li><a href="a.html" target="cotent">A</a></li>
    <li><a href="b.html" target="cotent">B</a></li>
</ul>
<iframe name="content" src="main.html"></iframe>

 

main.html

<!DOCTYPE html>
<h1>MAIN</h1>
<a href="a.html">to a</a>

a.html

<!DOCTYPE html>
<h1>A</h1>
<a href="main.html">to main</a>

 

b.html

<!DOCTYPE html>
<h1>B</h1>
<a href="main.html">to main</a>