使用IDEA学习JSP代码第008课

不飞则已，一飞冲天；不鸣则已，一鸣惊人。这篇文章主要讲述使用IDEA学习JSP代码第008课相关的知识，希望能为你提供帮助。
new341.jsp

< %@ page contentType="text/html; charset=UTF-8" language="java" %>
< html>
< head>
< meta charset="utf-8">
< meta http-equiv="X-UA-Compatible" content="IE=edge">
< meta name="viewport" content="width=device-width, initial-scale=1">
< link rel="stylesheet" href="https://www.songbingjia.com/other/boot/css/bootstrap.min.css">
< script type="text/javascript" src="https://www.songbingjia.com/other/jQuery/jQuery-3.4.1.js"> < /script>
< script type="text/javascript" src="https://www.songbingjia.com/other/boot/js/bootstrap.min.js"> < /script>

< /head>
< body>
< nav class="navbar navbar-default navbar-fixed-top">
< div class="container-fluid">
< div class="navbar-header">
< button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bar1">
< span class="icon-bar"> < /span>
< span class="icon-bar"> < /span>
< span class="icon-bar"> < /span>
< /button>
< a class="navbar-brand" href="https://www.songbingjia.com/android/#"> 导航商标< /a>
< /div>

< div class="collapse navbar-collapse" id="bar1">
< ul class="nav navbar-nav">
< li class="active"> < a href="https://www.songbingjia.com/android/#"> 首页< /a> < /li>
< li> < a href="https://www.songbingjia.com/android/#"> 其他页< /a> < /li>
< li class="dropdown">
< a href="https://www.songbingjia.com/android/#" class="dropdown-toggle" data-toggle="dropdown"> 下拉 < span class="caret"> < /span> < /a>
< ul class="dropdown-menu">
< li> < a href="https://www.songbingjia.com/android/#"> 选项< /a> < /li>
< li> < a href="https://www.songbingjia.com/android/#"> 选项< /a> < /li>
< li> < a href="https://www.songbingjia.com/android/#"> 选项< /a> < /li>
< li role="separator" class="divider"> < /li>
< li> < a href="https://www.songbingjia.com/android/#"> 选项< /a> < /li>
< li role="separator" class="divider"> < /li>
< li> < a href="https://www.songbingjia.com/android/#"> 选项< /a> < /li>
< /ul>
< /li>
< /ul>
< ul class="nav navbar-nav navbar-right">
< li> < a href="https://www.songbingjia.com/android/#"> 管理员< /a> < /li>
< li class="dropdown">
< a href="https://www.songbingjia.com/android/#" class="dropdown-toggle" data-toggle="dropdown"> 我的 < span class="caret"> < /span> < /a>
< ul class="dropdown-menu">
< li> < a href="https://www.songbingjia.com/android/#"> 选项< /a> < /li>
< li> < a href="https://www.songbingjia.com/android/#"> 选项< /a> < /li>
< li> < a href="https://www.songbingjia.com/android/#"> 选项< /a> < /li>
< li role="separator" class="divider"> < /li>
< li> < a href="https://www.songbingjia.com/android/#"> 选项< /a> < /li>
< /ul>
< /li>
< /ul>
< /div>
< /div>
< /nav>
< div style="height: 1000px; margin-top: 100px; ">
navbar-fixed-top 需要有一个顶部留白，否则容易遮挡内容。
< /div>
< /body>
< /html>

new342.jsp

< %@ page contentType="text/html; charset=UTF-8" language="java" %>
< html>
< head>
< meta charset="utf-8">
< meta http-equiv="X-UA-Compatible" content="IE=edge">
< meta name="viewport" content="width=device-width, initial-scale=1">
< link rel="stylesheet" href="https://www.songbingjia.com/other/boot/css/bootstrap.min.css">
< script type="text/javascript" src="https://www.songbingjia.com/other/jQuery/jQuery-3.4.1.js"> < /script>
< script type="text/javascript" src="https://www.songbingjia.com/other/boot/js/bootstrap.min.js"> < /script>

< /head>
< body>
< nav class="navbar navbar-default navbar-fixed-bottom">
< div class="container-fluid">
< div class="navbar-header">
< button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bar1">
< span class="icon-bar"> < /span>
< span class="icon-bar"> < /span>
< span class="icon-bar"> < /span>
< /button>
< a class="navbar-brand" href="https://www.songbingjia.com/android/#"> 导航商标< /a>
< /div>

< div class="collapse navbar-collapse" id="bar1">
< ul class="nav navbar-nav">
< li class="active"> < a href="https://www.songbingjia.com/android/#"> 首页< /a> < /li>
< li> < a href="https://www.songbingjia.com/android/#"> 其他页< /a> < /li>
< li class="dropup">
< a href="https://www.songbingjia.com/android/#" class="dropdown-toggle" data-toggle="dropdown"> 下拉 < span class="caret"> < /span> < /a>
< ul class="dropdown-menu">
< li> < a href="https://www.songbingjia.com/android/#"> 选项< /a> < /li>
< li> < a href="https://www.songbingjia.com/android/#"> 选项< /a> < /li>
< li> < a href="https://www.songbingjia.com/android/#"> 选项< /a> < /li>
< li role="separator" class="divider"> < /li>
< li> < a href="https://www.songbingjia.com/android/#"> 选项< /a> < /li>
< li role="separator" class="divider"> < /li>
< li> < a href="https://www.songbingjia.com/android/#"> 选项< /a> < /li>
< /ul>
< /li>
< /ul>
< ul class="nav navbar-nav navbar-right">
< li> < a href="https://www.songbingjia.com/android/#"> 管理员< /a> < /li>
< li class="dropup">
< a href="https://www.songbingjia.com/android/#" class="dropdown-toggle" data-toggle="dropdown"> 我的 < span class="caret"> < /span> < /a>
< ul class="dropdown-menu">
< li> < a href="https://www.songbingjia.com/android/#"> 选项< /a> < /li>
< li> < a href="https://www.songbingjia.com/android/#"> 选项< /a> < /li>
< li> < a href="https://www.songbingjia.com/android/#"> 选项< /a> < /li>
< li role="separator" class="divider"> < /li>
< li> < a href="https://www.songbingjia.com/android/#"> 选项< /a> < /li>
< /ul>
< /li>
< /ul>
< /div>
< /div>
< /nav>
< div style="height: 1000px; ">
navbar-fixed-top 需要有一个顶部留白，否则容易遮挡内容。
< /div>
< /body>
< /html>