html5网页设计,设计一个框架集,点击上方框架中的超链接,网页内容显示在下方框架中
时间: 2023-11-25 15:29:39 浏览: 80
好的,您可以使用HTML5的<iframe>元素来实现这个功能。下面是一个示例代码:
```
<!DOCTYPE html>
<html>
<head>
<title>框架集示例</title>
</head>
<body>
<h1>框架集示例</h1>
<hr>
<table>
<tr>
<td>
<h2>导航菜单</h2>
<ul>
<li><a href="page1.html" target="content">页面1</a></li>
<li><a href="page2.html" target="content">页面2</a></li>
<li><a href="page3.html" target="content">页面3</a></li>
</ul>
</td>
<td>
<iframe src="page1.html" name="content" id="content" width="100%" height="500"></iframe>
</td>
</tr>
</table>
</body>
</html>
```
上面的代码中,使用了一个包含两个单元格的表格,左边单元格包含导航菜单,右边单元格包含<iframe>元素,用于显示超链接指向的页面。超链接的target属性设置为"content",这样链接指向的页面将在<iframe>元素中显示。您可以将上面的示例代码保存为一个HTML文件,然后双击打开,就可以看到效果了。
阅读全文