高亮显示代码部分

1,高亮显示代码标签(<code>)For example, <code>&lt;section&gt;</code> should be wrapped as inline.

2,显示代码块

<pre>&lt;p&gt;Sample text here...&lt;/p&gt;</pre>

3,变量

y=m*x+b
<var>y</var> = <var>m</var><var>x</var> + <var>b</var>

4,程序输出

<samp>This text is meant to be treated as sample output from a computer program.</samp>

我觉得输出的字体字体间有点间隔,字体样式比较正式。适用于输出结果。
 
 
时间: 2024-07-30 04:12:16

高亮显示代码部分的相关文章

导航栏高亮显示代码

//导航栏高亮显示代码 function highlightPage(){ if(!document.getElementsByTagName) return false; if(!document.getElementById) return false; var headers = document.getElementsByTagName('header'); if(headers.length == 0) return false; var navs = headers[0].getEl

Word文档中的语法高亮显示代码

有时候我们程序员也需要在word文档里面显示代码,但是直接复制过去 不好看,格式也不太对,这里给大家分享一个Word文档中的语法高亮显示代码的方法 http://www.planetb.ca/syntax-highlight-word 把要粘贴到文档的代码复制过来,选择对应的语言,然后点击Show Highlighted 然后再把转换后的代码复制到word文档就搞定了! 原文地址:https://www.cnblogs.com/blibli/p/9092670.html

【前端】向blog或网站中添加语法高亮显示代码方法总结

向blog或网站中添加语法高亮显示的代码方法总结 文章目录 预备知识 目标 第一类方法:嵌入 第二类方法:外部引用 第三类方法:忽略HTML和PHP 最近在写代码时遇到一个问题,就是如何让代码像在IDE或专业编译器一样能够高亮显示在网页或博客中(如下图显示),上网查了很多资料,下面是我对学习到的方法的归纳总结. 下面的方法基本上都是利用第三方javascript插件实现的,因此不必担心方法有多难,只要拿过来使用就可以了.在讲述方法之前先介绍一下与之条件: 预备知识 HTML和CSS的基本知识 目

使用 prismjs 在网页中高亮显示代码

最近在总结这一年来制作的网页模块,网站风格统一的情况下,网站页面结构不会改变,因此想记录一部分网站中统一的结构,方便日后维护. 用到的相关技术: vue, element-ui, prismjs, vue-prism-editor, vue-router 做成的效果如图: 因为是在 vue 环境下,因此需要安装以下插件: npm i prismjs npm i vue-prism-editor npm i element-ui 制作过程中有三个知识点: element-ui 菜单 展示代码通过组

tinyMCE插件开发之插入html,php,sql,js代码 并代码高亮显示

作者: 字体:[增加 减小] 类型:转载 前几天,觉得blog的插入代码不够好用.于是,将sina的html编辑器更换为了tinyMCE.并且开发了一个简单的插入代码的功能... 下面就是我开发的过程. 首先,我的 tinyMCE版本是 Version: 3.2.7 (2009-09-22) .下载地址 http://www.jb51.net/codes/17198.htmltinyMCE插入代码,需要调用 tinyMCE的 tinyMCE.execCommand('mceInsertConte

开启KindEditor代码高亮功能

KindEditor4.0 开始支持插入代码功能!!!如何使用插入代码功能实现前段页面代码高亮显示和后台代码维护显示!!! 1. 需要高亮显示代码的前台页面需要引用相应的css样式和js文件 <link href="../../editor/plugins/code/prettify.css" rel="stylesheet" /> <script type="text/javascript" src="../../e

常用的jQuery九宫格布局图片展示特效代码

jquery九宫格布局图片鼠标经过遮罩显示文字效果 jQuery图片九宫格布局鼠标悬停显示文字效果代码 jquery九宫格图片制作鼠标悬停图片滑动展示特效 jquery仿qq图片九宫格布局点击按钮图片换一换效果代码 jQuery响应式图片九宫格布局点击图片查看大图效果代码 jquery hover事件鼠标悬停九宫格图片高亮显示代码 jQuery百度新闻文字列表九宫格布局鼠标悬停文字滑动效果代码 jquery hover九宫格图片鼠标悬停上下滑动图片切换显示代码 jquery win8风格九宫格布

正则表达式的格式化与高亮显示json字符串

使用正则表达式的格式化与高亮显示json字符串 json字符串很有用,有时候一些后台接口返回的信息是字符串格式的,可读性很差,这个时候要是有个可以格式化并高亮显示json串的方法那就好多了,下面看看一个正则表达式完成的json字符串的格式化与高亮显示 首先是对输入进行转换,如果是对象则转化为规范的json字符串,不是对象时,先将字符串转化为对象(防止不规范的字符串),然后再次转化为json串.其中json为输入. [js] view plaincopy if (typeof json !== '

kindeditor4整合SyntaxHighlighter,让代码亮起来

这一篇我将介绍如何让kindeditor4.x整合SyntaxHighlighter代码高亮,因为SyntaxHighlighter的应用非常广泛,所以将kindeditor默认的prettify替换为SyntaxHighlighter代码高亮插件 上一篇"让kindeditor显示高亮代码"中已经说过,高亮代码主要用的是class,所以 第一步:首先修改kindeditor代码高亮写入pre标签时的class类名: 打开/kindeditor4/plugins/code/code.j