html中代码高亮显示
<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″>
<title>页面代码高亮显示</title>
<link rel=”stylesheet” href=”/js/highlight/styles/default.css”>
<script src=”/js/highlight/highlight.pack.js”></script>
<script>hljs.initHighlightingOnLoad();</script>
</head> <body>
<h1>页面代码高亮显示</h1>
<h2>
<a href=”https://highlightjs.org/download/” target=”_blank”>1· Highlight.js 下载地址</a><br/>
<a href=”https://highlightjs.org/usage/” target=”_blank”>2· Highlight.js 在线文档</a><br/>
<a href=”http://highlightjs.readthedocs.org/en/latest/css-classes-reference.html” target=”_blank”>3· Highlight.js class类别对应表</a><br/>
</h2>
<h3>引用插件包所支持的语言类型:</h3>
<img src=”/image/highlight.png” alt=”引用插件包所支持的语言类型”/>
<br/>
<h3>JSON 数据格式:</h3>
<pre><code class=”json”>
{
“action”:”DescribeInstancesResponse”,
“instance_set”:[
{
“vcpus_current”:1,
“instance_id”:”i-ogbndull”,
“volume_ids”:[
“vol-g7xy7d6g”,
“vol-jg7326gy”
],
“vxnets”:[
{
“vxnet_name”:”primary vxnet”,
“vxnet_type”:1,
“vxnet_id”:”vxnet-0″,
“nic_id”:”52:54:ef:0c:ed:66″,
“private_ip”:”10.50.13.54″
}
]
}
</code>
<h3>css 数据格式:</h3>
<code class=”css”>
.hidden{ display:hidden ;}
</code>
<h3>php 数据格式:</h3>
<code class=”php”>
for($i = 0 ; $i<10 ; $i++){
echo “hello world!” ;
}
</code>
<h3>SQL 数据格式:</h3>
<code class=”sql”>
select * from test where t_id = 1;
</code>
<h3>http 协议:</h3>
<code class=”http”> https://api.qingcloud.com/iaas/?action=RunInstances &vxnets.1=vxnet-0
&instance_type=small_a
&image_id=centos63x64
&COMMON_PARAMS
</code>
<h3>代码禁止高亮:</h3>
<code class=”nohighlight”>
select * from test where t_id = 2;
</code>
</body>
</html>
html中代码高亮显示的更多相关文章
- 在vue项目中使用codemirror插件实现代码编辑器功能（代码高亮显示及自动提示
在vue项目中使用codemirror插件实现代码编辑器功能(代码高亮显示及自动提示) 1.使用npm安装依赖 npm install --save codemirror; 2.在页面中放入如下代码 ...
- ngui中 代码调用按钮事件(后来改成了按钮绑定键盘..)
ngui中 代码调用按钮事件 好烦人啊这个问题, 我弄完发上来 这个问题解决了一半 发现可以用 按钮绑定来解决这个问题,并且更安全方便快速 直接在按钮上添加一个 key binding 指定按键 搞定 ...
- Html中代码换行造成空格间距的问题
Html中代码换行造成空格间距的问题解析 解决方法: 一.简单粗爆不换行 写代码的时候不要换行,input等在一行输写,那么将解决该问题.但是代码就变得不再那么容易好看. 二.设置父级块的字体大小为0 ...
- 改变Eclipse 中代码字体大小
1.改变eclipse 中代码字体大小,就是我打进去的java文件的字体大小 wiondow--preferences--general--appearance--colors and fonts-- ...
- Eclipse中代码自动提示功能设置
Eclipse中代码自动提示功能设置 1 打开eclipse→Windows→Preferences→Java→Editor→Content Assist: 修改Auto Activation tri ...
- Java中代码点与代码单元（转）
摘要 本文介绍 Java 平台支持增补字符的方式.增补字符是 Unicode 标准中代码点超出 U+FFFF 的字符,因此它们无法在 Java 编程语言中描述为单个的 16 位实体(例如char数据类 ...
- css中代码格式以及@import的语法结构
CSS中代码格式 CSS是Cascading Style Sheets(层叠样式表)的缩写.是一种对web文档添加样式的简单机制,属于表现层的布局语言. 1.基本语法规范分析一个典型CSS的语句: p ...
- abap编辑器中代码不可修改
当出现abap编辑器中代码不能修改的情况,可以按如下设置: edit——> 修改操作——>关闭助手
- 【原】Mac下统计任意文件夹中代码行数的工
[链接][原]Mac下统计任意文件夹中代码行数的工http://www.cnblogs.com/wengzilin/p/4580646.html
随机推荐
- 爱上MVC3系列~开发一个站点地图(俗称面包屑)
回到目录 原来早在webform控件时代就有了SiteMap这个东西,而进行MVC时代后,我们也希望有这样一个东西,它为我们提供了不少方便,如很方便的实现页面导航的内容修改,页面导航的样式换肤等. 我 ...
- js定时器的时间最小值-setTimeout、setInterval
HTML5标准规定 setTimeout的最短时间间隔是4毫秒: setInterval的最短间隔时间是10毫秒,也就是说,小于10毫秒的时间间隔会被调整到10毫秒 书和MDC 在John Resig ...
- JQuery uploadify 的使用
在Java WEB项目中用到了上传图片的功能,于是百度了一下,发现 uploadify 的出镜率很高,于是决定使用这个插件.结果昨天调试了一天没有成功,今天早上仔细想了想,觉得应该是调用js文件的原因 ...
- svn的安装与使用
Eclipse安装SVN插件 1.下载最新的Eclipse,我的版本是3.7.2 indigo(Eclipse IDE for Java EE Developers)版 如果没有安装的请到这里下载安装 ...
- SharePoint Server 2013开发之旅（三）：为SharePoint Server配置App开发、部署、管理环境
上一篇我讲解了如何利用微软提供的Office 365开发人员网站,进行在线的SharePoint App开发,这当然是不错的一个选择,因为你可以快速地进行开发和调试.(仅仅针对App开发而言).但是, ...
- hash算法总结收集
hash算法的意义在于提供了一种快速存取数据的方法,它用一种算法建立键值与真实值之间的对应关系,(每一个真实值只能有一个键值,但是一个键值可以对应多个真实值),这样可以快速在数组等条件中里面存取数据. ...
- HTML5移动Web开发（九）——优化浏览器视口宽度设置
每个移动设备都有自己默认的视口宽度,如果你不显示的设置它的值,在渲染页面的时候你可能会得不到你想要的效果.比如,如果不设置iPhone的视口宽度,它将会按照980像素的宽度渲染页面,如果你的页面设计不 ...
- SVN简介
Subversion(SVN),是一个自由开源的版本控制系统,可以将数据恢复到早期版本,或者检查数据修改的历史,这些数据可以是源代码,也可以是其他类型的文件.SVN,是一个跨平台的软件,支持大多数常见 ...
- 谈谈Android 6.0运行时权限理解
前言 谷歌在2015年8月份时候,发布了Android 6.0版本,代号叫做“棉花糖”(Marshmallow ),其中的很大的一部分变化,是在用户权限授权上,或许是感觉之前默认授权的不合理,现在6. ...
- C#指定时间和当前时间的相差的月份、天数
DateTime 类型有时间的 年月日时分秒等属性,但是获取两个DateTime的 相差月份,就需要自己写了: public static int GetSubMonth(DateTime speci ...