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
随机推荐
- VM~Linux联不上网
使用桥接的链接方式,centos6.4配置静态ip,能ping通网关,但ping 外网时出现 "network is unreachable" 如:ping www.baidu.c ...
- gulp：更简单的自动化构建工具
目前最流行的两种使用JavaScript开发的构建工具是Grunt和Gulp.为什么使用gulp?因为Gulp更简单.Grunt任务拥有大量的配置,会引用大量你实际上并不需要的对象属性,但是Gulp里 ...
- Asp.net WebApi 项目示例（增删改查）
1.WebApi是什么 ASP.NET Web API 是一种框架,用于轻松构建可以由多种客户端(包括浏览器和移动设备)访问的 HTTP 服务.ASP.NET Web API 是一种用于在 .NET ...
- salesforce 零基础学习（二十五）PickList简单联动操作
有的时候,项目需要一些联动的操作,比如省和市之间的联动,不同的省应该显示不同的城市. 操作步骤如下: 1.新建provice字段,并且初始化相关的值 2.新建city字段,并且初始化相关的值 3.在P ...
- 优化与扩展Mybatis的SqlMapper解析
接上一篇博文,这一篇来讲述怎么实现SchemaSqlMapperParserDelegate——解析SqlMapper配置文件. 要想实现SqlMapper文件的解析,还需要仔细分析一下mybatis ...
- HTML5横竖屏提示
HTML代码: <div class="screen-prompt"></div> CSS判断代码: /*横竖屏提示*/ @media screen and ...
- 简单使用AutoMapper实现DTO转换
DTO(Data Transfer Object)数据传输对象,只是传输数据,完成与领域对象之间的转换,并不包含领域业务处理. 当领域模型设计人员只关注核心业务,满足于领域模型的精巧,而不关心具体实现 ...
- 【WP开发】实现“摇一摇”功能
尽管我的微信是每八个月登录一次,但我相信各位玩得比我多.微信有一个“摇一摇”功能,这个功能其实是利用了加速度传感器来实现的,这个传感器,我估计再低端的手机都会有的,这是严重基本的传感器. 重力加速度既 ...
- linux-redis
1.下载 6.启动 ./redis-server ../conf/redis.conf 7.测试 ./redis-cli -p 7030 set str "hello" ./red ...
- Open Cascade DataExchange DXF
Open Cascade DataExchange DXF eryar@163.com 摘要Abstract:对DXF文本格式进行详细介绍,并介绍了如何使用开源库dxflib对DXF文件进行读写操作, ...