HTML-------html里frame导航框架实现方法

 如何做出来这个呢?

1、Frame.html

<!DOCTYPE html>

<html>

<frameset cols="50%,50%">

<frame src="content.html">

<frame src="Link.html" name="showframe">

</frameset>

</html>

2、content.html

<!DOCTYPE html>

<html>

<head>

<title>

content

</title>

</head>

<body>

<a href="link.html" target="showframe">这是mei有猫的连接</a>

<br/>

<a href="link.html#C10" target="showframe">这是有猫的连接</a>

</body>

</html>

3、Link.html

<!DOCTYPE html>

<html>

<head>

<title>

linklink

</title>

</head>

<body>

<h1>

chapter 1

</h1>

<p>

zheshi 1 duanluo

</p>

<h1>

<a name="C10"></a>

chapter 2

</h1>

<p>

zheshi 2 duanluo

</p>

<h1>

chapter 3

</h1>

<p>

zheshi 3 duanluo

</p>

<h1>

chapter 4

</h1>

<p>

zheshi 4 duanluo

</p>

<h1>

chapter 5

</h1>

<p>

zheshi 5 duanluo

</p>

<h1>

chapter 6

</h1>

<p>

zheshi 6 duanluo

</p>

<h1>

chapter 7

</h1>

<p>

zheshi 7 duanluo

</p>

<h1>

chapter 8

</h1>

<p>

zheshi 8 duanluo

</p>

<h1>

chapter 9

</h1>

<p>

zheshi 9 duanluo

</p>

<h1>

chapter 10

</h1>

<p>

zheshi 10 duanluo

</p>

</body>

</html>

猜你喜欢

转载自blog.csdn.net/u013514659/article/details/89227937
今日推荐