[JSP Style]空格在Html中的表示方法(&nbsp含义)

本文深入探讨了HTML中常见的转义字符及其用法,包括但不限于空格、引用、括号等基本元素的转义方式,这对于理解网页源码及编辑器行为至关重要。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

   空格

&   &

&lt;       <

&gt;      >

&quot;   "

&qpos;   '

&lt;%@ page language=&quot;java&quot; contentType=&quot;text/html; charset=UTF-8&quot; pageEncoding=&quot;UTF-8&quot; %&gt; &lt;!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.01 Transitional//EN&quot;&gt; &lt;html lang=&quot;zh-CN&quot; class=&quot;bootstrap-admin-vertical-centered&quot;&gt; &lt;head&gt; &lt;meta charset=&quot;UTF-8&quot;&gt; &lt;title&gt;图书馆管理系统&lt;/title&gt; &lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=UTF-8&quot;&gt; &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot;&gt; &lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=UTF-8&quot;&gt; &lt;link rel=&quot;stylesheet&quot; href=&quot;static/css/bootstrap.min.css&quot;&gt; &lt;link rel=&quot;stylesheet&quot; href=&quot;static/css/bootstrap-theme.min.css&quot;&gt; &lt;link rel=&quot;stylesheet&quot; href=&quot;static/css/bootstrap-admin-theme.css&quot;&gt; &lt;link rel=&quot;stylesheet&quot; href=&quot;static/css/bootstrap-admin-theme.css&quot;&gt; &lt;script src=&quot;static/js/bootstrap.min.js&quot;&gt;&lt;/script&gt; &lt;script src=&quot;static/jQuery/jquery-3.1.1.min.js&quot;&gt;&lt;/script&gt; &lt;script src=&quot;static/ajax-lib/ajaxutils.js&quot;&gt;&lt;/script&gt; &lt;script src=&quot;static/js/login.js&quot;&gt;&lt;/script&gt; &lt;/head&gt; &lt;style type=&quot;text/css&quot;&gt; .alert{ margin: 0 auto 20px; text-align: center; } &lt;/style&gt; &lt;script src=&quot;static/js/jquery.min.js&quot;&gt;&lt;/script&gt; &lt;script src=&quot;static/js/bootstrap.min.js&quot;&gt;&lt;/script&gt; &lt;body class=&quot;bootstrap-admin-without-padding&quot;&gt; 池州学院 230312242 杨洪博 课设 &lt;div style=&quot;background-image: url(&#39;image/2.png&#39;); background-size: cover; background-repeat: no-repeat; background-position: center;&quot;&gt;&lt;/div&gt; &lt;div class=&quot;col-lg-12&quot;&gt; &lt;div class=&quot;alert alert-info&quot;&gt; &lt;a class=&quot;close&quot; data-dismiss=&quot;alert&quot; href=&quot;#&quot;&gt;&times;&lt;/a&gt; 欢迎登录图书馆管理系统 &lt;/div&gt; &lt;form class=&quot;bootstrap-admin-login-form&quot; method=&quot;post&quot; action=&quot;/books/LoginServlet&quot;&gt; &lt;% String state = (String)session.getAttribute(&quot;state&quot;); session.removeAttribute(&quot;state&quot;); if(state!=null){ %&gt; &lt;label class=&quot;control-label&quot; for=&quot;username&quot;&gt;密码错误&lt;/label&gt; &lt;%}%&gt; &lt;div class=&quot;form-group&quot;&gt; &lt;label class=&quot;control-label&quot; for=&quot;username&quot;&gt;账&nbsp;号&lt;/label&gt; &lt;input type=&quot;text&quot; class=&quot;form-control&quot; id=&quot;username&quot; name=&quot;username&quot; required=&quot;required&quot; placeholder=&quot;学号&quot;/&gt; &lt;label class=&quot;control-label&quot; for=&quot;username&quot; style=&quot;display:none;&quot;&gt;&lt;/label&gt; &lt;/div&gt; &lt;div class=&quot;form-group&quot;&gt; &lt;label class=&quot;control-label&quot; for=&quot;password&quot;&gt;密&nbsp;码&lt;/label&gt; &lt;input type=&quot;password&quot; class=&quot;form-control&quot; id=&quot;password&quot; name=&quot;password&quot; required=&quot;required&quot; placeholder=&quot;密码&quot;/&gt; &lt;label class=&quot;control-label&quot; for=&quot;username&quot; style=&quot;display:none;&quot;&gt;&lt;/label&gt; &lt;/div&gt; &lt;label class=&quot;control-label&quot; for=&quot;password&quot;&gt;没有账号请&lt;a href=&quot;/books/register.jsp&quot; style=&quot;color:blue;&quot;&gt;注册&lt;/a&gt;&lt;/label&gt; &lt;br&gt; &lt;input type=&quot;submit&quot; class=&quot;btn btn-lg btn-primary&quot; value=&quot;登&nbsp;&nbsp;&nbsp;&nbsp;录&quot;/&gt; &lt;/form&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;modal fade&quot; id=&quot;modal_info&quot; tabindex=&quot;-1&quot; role=&quot;dialog&quot; aria-labelledby=&quot;addModalLabel&quot;&gt; &lt;div class=&quot;modal-dialog&quot; role=&quot;document&quot;&gt; &lt;div class=&quot;modal-content&quot;&gt; &lt;div class=&quot;modal-header&quot;&gt; &lt;button type=&quot;button&quot; class=&quot;close&quot; data-dismiss=&quot;modal&quot; aria-label=&quot;Close&quot;&gt;&lt;span aria-hidden=&quot;true&quot;&gt;&times;&lt;/span&gt;&lt;/button&gt; &lt;h4 class=&quot;modal-title&quot; id=&quot;infoModalLabel&quot;&gt;提示&lt;/h4&gt; &lt;/div&gt; &lt;div class=&quot;modal-body&quot;&gt; &lt;div class=&quot;row&quot;&gt; &lt;div class=&quot;col-lg-12&quot; id=&quot;div_info&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;modal-footer&quot;&gt; &lt;button type=&quot;button&quot; class=&quot;btn btn-default&quot; id=&quot;btn_info_close&quot; data-dismiss=&quot;modal&quot;&gt;关闭&lt;/button&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt;文件路径没问题 但图片显示不出来
最新发布
06-22
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值