見出し画像

note で code を組んでみよう


noteをもっと、派手派手な記事にしたい。

noteを書いている時、↓↓↓こういうボタン↓↓↓があることに気付きました。

コードぼたん


「え!?noteってコード組めるの!?」
と思いました。

noteは、記事内の文字装飾が 太字 しかないため、色をつけたり、文字を大きくすることが出来ません。

(たまに、大見出し h2 を駆使し、文字を大きくされている方がいます。
あれメッチャ好き)

大見出しh2、小見出しh3 ってことは、noteの記事は、htmlで書くことができるのかしら・・・?と思い、noteにコードを組んでみたいと思いました。

目指すテイストは、昔の愛生会病院のサイト

今はもうオシャレなサイトになってしまった。


せっかくやるなら、これくらいの派手派手にしたい。
あんまりプログラミング得意じゃないけど、ちょっと組んでみるか!と思い立ち、とりあえず書いてみました。

<!DOCTYPE html>
<html lang="ja">
<head>
<h2>
  <span style="background-color: yellow;">こんにちは 福澤論吉です。</span>
</h2>
<div>
  <font color="#ff0000" style="background-color: yellow;">
    htmlでこの記事を装飾してみました。
  </font>
</div>
<div>
  <span style="background-color: yellow;"><br /></span>
</div>
<div>
  <font color="#0000ff" style="background-color: yellow;">
    どうぞよろしくです。
  </font>
</div>
<div>
  <font color="#0000ff"><br /></font>
</div>
</body>
</html>


html全然わからないのでちゃんと書けてるのかわからないけど、とりあえずこいつを記事に組み込んでみよう!えい!

<!DOCTYPE html>
<html lang="ja">
<head>
<h2>
<span style="background-color: yellow;">こんにちは 福澤論吉です。</span>
</h2>
<div>
<font color="#ff0000" style="background-color: yellow;">
htmlでこの記事を装飾してみました。
</font>
</div>
<div>
<span style="background-color: yellow;"><br /></span>
</div>
<div>
<font color="#0000ff" style="background-color: yellow;">
どうぞよろしくです。
</font>
</div>
<div>
<font color="#0000ff"><br /></font>
</div>
</body>
</html>


・・・・? 何も起きない。

ま、まさか・・・!

(以下、noteのヘルプセンター「数式記法の使い方」より)

「セキュリティの観点からHTML機能は無効化されているため使用することができません。」

ぎゃああああああああああああああ

おしまい(涙