如何在html网页中嵌入一段语法高亮的代码

如何在html网页中嵌入一段语法高亮的代码,第1张

如果你调用广告代码文件是html文件,那么使用

<object style="border:0px" type="text/x-scriptlet" data="import.htm" width=100% height=30></object>

来调用

如果是ASP文件的话,可以使用

<!--#include file="inc/top.html"-->

如果是PHP的话,可以使用

<?php

require($DOCUMENT_ROOT . "path to file/include-file.html")

?>"-->

这是使用的 SyntaxHighlighter  代码高亮插件

http://www.cnblogs.com/heyuquan/archive/2012/09/28/2707632.html

还可以使用 富文本编辑器  如 ueditor

下面就是 ueditor 效果

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>Document</title>

<link rel="stylesheet" href="./css/style.css">

</head>

<body>

方法如下:

找到sublime text 3的软件,启动打开,

鼠标移至菜单栏点击“file”——“open file”,打开文件,顿时发现代码语法都是黑色的,

现在我们开始设置如何让语法显示高亮,将鼠标移至右下角的按钮区、点击,

在d出的菜单中找到当前文件类型。比如我的是html文件,就点击html选项。

当前代码马上出现高亮显示,如图;

如果你想每次打开页面都出现语法高亮,可以将鼠标移至顶部“open all with current extension as...”,在d出选项中选择“html”(按照你常用的文件类型设置),即可再下次打开文件后就出现高亮显示。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6160479.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-16
下一篇 2023-03-16

发表评论

登录后才能评论

评论列表(0条)

保存