<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中代码高亮显示的更多相关文章

  1. 在vue项目中使用codemirror插件实现代码编辑器功能（代码高亮显示及自动提示

    在vue项目中使用codemirror插件实现代码编辑器功能(代码高亮显示及自动提示) 1.使用npm安装依赖 npm install --save codemirror; 2.在页面中放入如下代码 ...

  2. ngui中 代码调用按钮事件(后来改成了按钮绑定键盘..)

    ngui中 代码调用按钮事件 好烦人啊这个问题, 我弄完发上来 这个问题解决了一半 发现可以用 按钮绑定来解决这个问题,并且更安全方便快速 直接在按钮上添加一个 key binding 指定按键 搞定 ...

  3. Html中代码换行造成空格间距的问题

    Html中代码换行造成空格间距的问题解析 解决方法: 一.简单粗爆不换行 写代码的时候不要换行,input等在一行输写,那么将解决该问题.但是代码就变得不再那么容易好看. 二.设置父级块的字体大小为0 ...

  4. 改变Eclipse 中代码字体大小

    1.改变eclipse 中代码字体大小,就是我打进去的java文件的字体大小 wiondow--preferences--general--appearance--colors and fonts-- ...

  5. Eclipse中代码自动提示功能设置

    Eclipse中代码自动提示功能设置 1 打开eclipse→Windows→Preferences→Java→Editor→Content Assist: 修改Auto Activation tri ...

  6. Java中代码点与代码单元（转）

    摘要 本文介绍 Java 平台支持增补字符的方式.增补字符是 Unicode 标准中代码点超出 U+FFFF 的字符,因此它们无法在 Java 编程语言中描述为单个的 16 位实体(例如char数据类 ...

  7. css中代码格式以及@import的语法结构

    CSS中代码格式 CSS是Cascading Style Sheets(层叠样式表)的缩写.是一种对web文档添加样式的简单机制,属于表现层的布局语言. 1.基本语法规范分析一个典型CSS的语句: p ...

  8. abap编辑器中代码不可修改

    当出现abap编辑器中代码不能修改的情况,可以按如下设置: edit——> 修改操作——>关闭助手

  9. 【原】Mac下统计任意文件夹中代码行数的工

    [链接][原]Mac下统计任意文件夹中代码行数的工http://www.cnblogs.com/wengzilin/p/4580646.html

随机推荐

  1. nginx 配置管理 - 简单也复杂

    由于涉及到h5与后端交互,跨域问题,所以公司的开放测试服务器让我们自己搞nginx.顺便提升一下nginx的实践. nginx的安装,没什么难度了,百度一堆,如果源码安装就一步步来吧.(最简单的方式: ...

  2. 每天一个linux命令（35）：ln 命令

    ln是linux中又一个非常重要命令,它的功能是为某一个文件在另外一个位置建立一个同步的链接.当我们需要在不同的目录,用到相同的文件时,我们不需要在每一个需要的目录下都放一个必须相同的文件,我们只要在 ...

  3. 每天一个linux命令（16）：which命令

    我们经常在linux要查找某个文件,但不知道放在哪里了,可以使用下面的一些命令来搜索:        which  查看可执行文件的位置.       whereis 查看文件的位置.         ...

  4. angularjs with node service

  5. String详解

    在开发中,我们都会频繁的使用String类,掌握String的实现和常用方法是必不可少的,当然,我们还需要了解它的内部实现. 一. String的实现 在Java中,采用了一个char数组实现Stri ...

  6. Shader LOD

    设置:单个设置Shader.maximumLOD.全局设置Shader.globalMaximumLOD.QualitySettings里面的Maximum LODLevel 原理:小于指定值的sha ...

  7. (4) PIVOT 和 UPIVOT 的使用

    最近项目中用到了行转列,使用SQL SERVER 提供的PIVOT实现起来非常容易. 官方解释:详见这里 可以使用 PIVOT 和 UNPIVOT 关系运算符将表值表达式更改为另一个表. PIVOT ...

  8. 如何避免javascript中的冲突

    [1]工程师甲编写功能A var a = 1; var b = 2; alert(a+b); [2]工程师乙添加新功能B var a = 2; var b = 1; alert(a-b); [3]上一 ...

  9. 如何配置Hyper-V的虚拟机通过主机网络上网 (NAT)

    前言 最近开始在Windows 8 上面直接使用Hyper-V的技术来建立虚拟环境进行开发和测试,这样免去了再安装额外软件的需要.在实际使用的时候,尤其是配置网络共享的时候,遇到些问题,与其他一些虚拟 ...

  10. Spring MVC 学习总结（二）——控制器定义与@RequestMapping详解

    一.控制器定义 控制器提供访问应用程序的行为,通常通过服务接口定义或注解定义两种方法实现. 控制器解析用户的请求并将其转换为一个模型.在Spring MVC中一个控制器可以包含多个Action(动作. ...