HTML的导航索引

最新推荐文章于 2023-06-29 15:32:53 发布

Writing_the_future

最新推荐文章于 2023-06-29 15:32:53 发布

阅读量2.7k

点赞数

文章标签： HTML导航索引

本文链接：https://blog.csdn.net/Writing_the_future/article/details/85062333

版权

图片显示就是索引的结果

GetData

管理信息

考试信息

scrolling="no">

<!DOCTYPE html>
<script src="~/Scripts/jquery-3.3.1.js"></script>
<link href="~/Content/bootstrap.css" rel="stylesheet" />
<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>GetData</title>
</head>
<body>
    <div>
        <table class="table table-bordered" style="height:100%;width:100%">
            <tr>
                <td>
                    <table valign="top" class="table table-bordered" style="height:100%;width:80px">
                        <tr><td style="background-color:azure">管理信息</td></tr>
                        <tr><td style="background-color:azure">&nbsp;<a href="" target="ifram">添加信息</a></td></tr>
                        <tr><td style="background-color:azure">&nbsp;<a href="" target="ifram">修改信息</a></td></tr>
                        <tr><td style="background-color:azure">&nbsp;<a href="" target="ifram">查询信息</a></td></tr>
                        <tr><td style="background-color:azure">考试信息</td></tr>
                        <tr><td style="background-color:azure">&nbsp;<a href="" target="ifram">模拟考试</a></td></tr>
                        <tr><td style="background-color:azure">&nbsp;<a href="Create" target="ifram">添加试题</a></td></tr>
                        <tr><td style="background-color:azure">&nbsp;<a href="mdeditor" target="ifram">查看错题</a></td></tr>
                    </table>
                </td>
                <td valign="top" style="height:auto">
                    <iframe name="ifram" style="height:600px;width:800px" frameborder="0" scrolling="no"></iframe>
                </td>
            </tr>
        </table>
    </div>
</body>
</html>

有几个重要点：

<iframe name="ifram" style="height:600px;width:800px" frameborder="0" scrolling="no"></iframe>
是一个可以呈现出你导航的控制器的方法名显示的页面


<tr><td style="background-color:azure">&nbsp;<a href="Create" target="ifram">添加试题</a></td></tr>
href中需要写入的是控制器中的方法名称——返回视图的名称
[HttpGet]
public ActionResult Create()
{
	return View();
}
target表示的是iframe这个标签的name名称