HTML - シンタックスハイライト - prism.js - ちょっと書いてみる


クラウディア 


1. 設置方法
2. 参考サイトの通りに書いてみる

1. 設置方法

 参考サイトでは、「<script></script>」は、「</body>」の前と書かれていましたが、まとめて記述してよいようです。  「<head>~</head>」に 2行。

<link rel="stylesheet" href="./prism.css">
<script type='text/javascript' src='./prism.js'></script>
 を追加します。

2. 参考サイトの通りに書いてみる


<pre><code class="language-c">#include <stdio.h>

int main(int argc, char* argv[])
{
	print("Hello World!");

	return 0;
}
</code></pre>
 上記のように記述すると下記のように表示されます。

#include <stdio.h>

int main(int argc, char* argv[])
{
	print("Hello World!");

	return 0;
}
 「highlight.js」と同じく、最初の行は、「<pre><code>」の行に書かなければならない・・・。  スタイルシートの調整等はまだ後で。  行番号等をいれたりするのは次項で。

audiobook.jp
AbemaTV 無料体験
ハイスピードプラン
EMEET 1
5G CONNECT
JETBOY
薬屋の独り言
【usus ウズウズ】
ベルリッツ
葬送のフリーレン Prime Video
TikTok Shop 【リピート用プログラム】
U-NEXT
健康サポート特集
アフィリエイトのアクセストレード
ネットオークションの相場、統計、価格比較といえばオークファン
EaseUS
それがだいじWi-Fi
earthcar(アースカー)
損保との違い
Amazonギフトカード
サウンドハウス