ほぼほぼ完成です。

pre タグと URL

Cocoonフォーラムで面白い情報をゲットしました。
ブロック・ビジュアル / 段落 で、

HTML記述
<pre>
https://twitter.com/
https://www.yahoo.co.jp
https://shopping.yahoo.co.jp/
</pre>

と記述すると、以下のように表示されるそうです。

https://twitter.com/
Yahoo! JAPAN
日本最大級のポータルサイト。検索、オークション、ニュース、天気、スポーツ、メール、ショッピングなど多数のサービスを展開。あなたの生活をより豊かにする「課題解決エンジン」を目指していきます。
Yahoo!ショッピング - PayPayボーナスライトがもらえる!ネット通販
Yahoo!ショッピングは幅広い品ぞろえと、最新のお買い得ネット通販情報が満載のオンラインショッピングモール。PayPay残高も使えてさらにお得!
HTML記述
<pre>
!https://twitter.com/
!https://www.yahoo.co.jp
!https://shopping.yahoo.co.jp/
</pre>
!https://twitter.com/
https://www.yahoo.co.jp
https://shopping.yahoo.co.jp/
HTML記述
<pre>
https://twitter.com/
!https://www.yahoo.co.jp
!https://shopping.yahoo.co.jp/
</pre>
https://twitter.com/
https://www.yahoo.co.jp
https://shopping.yahoo.co.jp/

それならば、下のような使い方もありだなと思いました。

HTML記述
<pre><code>
https://twitter.com/
!https://www.yahoo.co.jp
!https://shopping.yahoo.co.jp/
</code></pre>

Yahoo! JAPAN
日本最大級のポータルサイト。検索、オークション、ニュース、天気、スポーツ、メール、ショッピングなど多数のサービスを展開。あなたの生活をより豊かにする「課題解決エンジン」を目指していきます。
Yahoo!ショッピング - PayPayボーナスライトがもらえる!ネット通販
Yahoo!ショッピングは幅広い品ぞろえと、最新のお買い得ネット通販情報が満載のオンラインショッピングモール。PayPay残高も使えてさらにお得!