网页中代码的显示,包括行中代码显示;成段的代码显示,效果图如下

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<% 
String path = request.getContextPath(); 
String basePath = request.getScheme() "://" request.getServerName() ":" request.getServerPort() path "/"; 
%> 
<head> 
<!-- 新 Bootstrap 核心 CSS 文件 --> 
<link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css"> 
<!-- 可选的Bootstrap主题文件(一般不用引入) --> 
<link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap-theme.min.css"> 
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 --> 
<script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script> 
<!-- 最新的 Bootstrap 核心 JavaScript 文件 --> 
<script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
<title>质量录入</title> 
</head> 
<body> 
<form action="<%=basePath %>rest/wx" method="post"> 
<div class="container"> 
<h1 class="page-header">代码<small><code><pre>的使用</small></h1> 
<p>Bootstrap是基于<code>HTML5</code>和<code>CSS3</code>开发的,它在jQuery的基础上进行了更为个性化和人性化的完善,形成一套自己独有的网站风格,并兼容大部分jQuery插件。</p> 
<pre> 
<xml> 
<ToUserName>mycreate</ToUserName> 
<FromUserName>wx5823bf96d3bd56c7</FromUserName> 
<CreateTime>1348831860</CreateTime> 
<MsgType>text</MsgType> 
<Content>this is a test</Content> 
<MsgId>1234567890123456</MsgId> 
<AgentID>128</AgentID> 
</xml> 
</pre> 
<pre> 
DocumentBuilderFactory dbf = DocumentBuilderFactory.newInstance(); 
DocumentBuilder db = dbf.newDocumentBuilder(); 
StringReader sr = new StringReader(sMsg); 
InputSource is = new InputSource(sr); 
Document document = db.parse(is); 
Element root = document.getDocumentElement(); 
NodeList nodelist1 = root.getElementsByTagName("Content"); 
String Content = nodelist1.item(0).getTextContent(); 
System.out.println("Content:"   Content); 
</pre> 
</div> 
</form> 
</body> 
</html> 

以上所述是小编给大家介绍的BootStrap网页中代码显示<code><pre>用法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对Devmax网站的支持!

BootStrap网页中代码显示<code><pre>用法详解的更多相关文章

  1. Angularjs中的ui-bootstrap的使用教程

    这篇文章主要介绍了Angularjs中的ui-bootstrap的使用教程,非常不错,具有参考借鉴价值,需要的朋友可以参考下

  2. Jquery+bootstrap实现表格行置顶置底上移下移操作详解

    这篇文章主要为大家详细介绍了Jquery+bootstrap实现表格行置顶置底上移下移操作,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  3. 基于Bootstrap和JQuery实现动态打开和关闭tab页的实例代码

    这篇文章主要介绍了基于Bootstrap和JQuery实现动态打开和关闭tab页的实例代码,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下

  4. Bootstrap栅格系统的使用详解

    Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。这篇文章主要介绍了Bootstrap的核心——栅格系统的使用,需要的朋友可以参考下

  5. ThinkPHP 整合Bootstrap Ajax分页样式

    这篇文章主要介绍了ThinkPHP 整合Bootstrap Ajax分页的相关资料,需要的朋友可以参考下

  6. AngularJs bootstrap搭载前台框架——基础页面

    本文主要介绍AngularJs bootstrap搭载前台框架基础页面的建设,这里整理饿了相关资料及实现实例代码,有兴趣的小伙伴可以参考下

  7. angularjs+bootstrap菜单的使用示例代码

    本篇文章主要介绍了angularjs+bootstrap菜单的使用示例代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下。

  8. bootstrap实现轮播图效果

    这篇文章主要为大家详细介绍了bootstrap实现轮播图效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  9. 基于AngularJs + Bootstrap + AngularStrap相结合实现省市区联动代码

    这篇文章主要给大家介绍基于AngularJs + Bootstrap + AngularStrap相结合实现省市区联动的实例代码,非常不错具有参考借鉴价值,感兴趣的朋友一起看看吧

  10. 自定义Angular指令与jQuery实现的Bootstrap风格数据双向绑定的单选与多选下拉框

    这篇文章主要介绍了自定义Angular指令与jQuery实现的Bootstrap风格数据双向绑定的单选与多选下拉框 的相关资料,需要的朋友可以参考下

随机推荐

  1. js中‘!.’是什么意思

  2. Vue如何指定不编译的文件夹和favicon.ico

    这篇文章主要介绍了Vue如何指定不编译的文件夹和favicon.ico,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教

  3. 基于JavaScript编写一个图片转PDF转换器

    本文为大家介绍了一个简单的 JavaScript 项目,可以将图片转换为 PDF 文件。你可以从本地选择任何一张图片,只需点击一下即可将其转换为 PDF 文件,感兴趣的可以动手尝试一下

  4. jquery点赞功能实现代码 点个赞吧!

    点赞功能很多地方都会出现,如何实现爱心点赞功能,这篇文章主要为大家详细介绍了jquery点赞功能实现代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  5. AngularJs上传前预览图片的实例代码

    使用AngularJs进行开发,在项目中,经常会遇到上传图片后,需在一旁预览图片内容,怎么实现这样的功能呢?今天小编给大家分享AugularJs上传前预览图片的实现代码,需要的朋友参考下吧

  6. JavaScript面向对象编程入门教程

    这篇文章主要介绍了JavaScript面向对象编程的相关概念,例如类、对象、属性、方法等面向对象的术语,并以实例讲解各种术语的使用,非常好的一篇面向对象入门教程,其它语言也可以参考哦

  7. jQuery中的通配符选择器使用总结

    通配符在控制input标签时相当好用,这里简单进行了jQuery中的通配符选择器使用总结,需要的朋友可以参考下

  8. javascript 动态调整图片尺寸实现代码

    在自己的网站上更新文章时一个比较常见的问题是:文章插图太宽,使整个网页都变形了。如果对每个插图都先进行缩放再插入的话,太麻烦了。

  9. jquery ajaxfileupload异步上传插件

    这篇文章主要为大家详细介绍了jquery ajaxfileupload异步上传插件,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  10. React学习之受控组件与数据共享实例分析

    这篇文章主要介绍了React学习之受控组件与数据共享,结合实例形式分析了React受控组件与组件间数据共享相关原理与使用技巧,需要的朋友可以参考下

返回
顶部