HTMLにmarkdownを埋め込めるサイトを見つけた

Please ensure Internet access and enable JavaScript.

これはテストです。$\sqrt{x}\boldsymbol{v}\boldsymbol{\sigma}\frac ab\frac 12$<br>
この投稿は、 __gedit__ と  __firefox__ ブラウザーで確認しながら作りました。このコードはネットで調べて、全てネットからコピーさせていただきました。また、 __MathJax__  __extensions__  __mhchem__ は、[https://mhchem.github.io/MathJax-mhchem/](https://mhchem.github.io/MathJax-mhchem/)のページを参考にしてちょっと手を加えて、:::: の後に式を打つと、"と打っています。"と出てくるようにしました。又、 __extensions__ がない場合、'$$'はセンター表示しかならないのに対して、普通に文の中で使えることと、 __markdown__ がある程度使えるので、投稿する気持ちが湧きました。以上前書きでした。
### ceの場合：
$\ce{CaCO3 ->[900^{\circ}\rm C] CaO + CO2}$
:::: \ce{CaCO3 ->[900^{\circ}\rm C] CaO + CO2
### mathの場合：
$\rm CaCO_3\xrightarrow[高温高圧]{900^{\circ}C}CaO+CO_2$
:::: \rm CaCO_3\xrightarrow[高温高圧]{900^{\circ}C}CaO+CO_2
$\ce{2H2O2 ->C[MnO2] 2H2O + O2}$
:::: ce{2H2O2 ->C[MnO2] 2H2O + O2}
$\ce{H2PO4- <=>C[OH-][H+] H+ + HPO4^2-}$
:::: \ce{H2PO4- <=>C[OH-][H+] H+ + HPO4^2-}
$\ce{2H2 + O2 ->[\Delta] H2O}$
:::: \ce{2H2 + O2 ->[\Delta] H2O}
$\ce{N2 + H2 ->[\mbox{酸化剤}][\mbox{高温高圧}] NH3}$
:::: \ce{N2 + H2 ->[\mbox{酸化剤}][\mbox{高温高圧}] NH3}
$\displaystyle\lim_{x_2 \rightarrow 0} R_2 = \frac{6n_1^2M_1\gamma}{(n_1^2 + 2)^2}$
:::: \displaystyle\lim_{x_2 \rightarrow 0} R_2 = \frac{6n_1^2M_1\gamma}{(n_1^2 + 2)^2}
$\ce{CH3COOH <<=> CH3COO- + H+}$
:::: \ce{CH3COOH <<=> CH3COO- + H+}
$\ce{H+ + OH- <=>> H2O}$$\ce{Ag+ + Cl- -> AgCl v}$
:::: \ce{H+ + OH- <=>> H2O}$$\ce{Ag+ + Cl- -> AgCl v}
$\ce{2H2O2 ->C[MnO2] O2 ^ + 2H2O}$
:::: \ce{2H2O2 ->C[MnO2] O2 ^ + 2H2O }
$\ce{N2 + 3H2 ->[x$\hspace{1pt}\rm mol$] 2NH3}$
:::: \ce{N2 + 3H2 ->[x$\hspace{1pt}\rm mol$] 2NH3}
$\ce{ベンゼン環 + HNO3 ->C[~~\Delta~~]<span data-unlink> フェニル基-NO2 + H2O}$
:::: \ce{ベンゼン環 + HNO3 ->C[~~\Delta~~]</span> フェニル基-NO2 + H2O}
$\begin{align}
A &= B \tag{1a} \\\\
　 &= C \notag \\\\
　 &= D \tag*{1b}
\end{align}$
:::: {\begin{align}A&=B\tag{1a}\\\\&=C\notag\\\\&=D\tag*{1b}\end{align}}
$\begin{equation}
\small ここでローレンツィアンを次式で定義しておく。\\\\
Lorenzian=A\dfrac{\Gamma/2}{(E-E_0)^2+(\Gamma/2)^2}\hspace{4em} label{Lorenzian}
\end{equation}$
:::: \begin{equation}\small ここでローレンツィアンを次式で定義しておく。\\\\Lorenzian=A\dfrac{\Gamma/2}{(E-E_0)^2+(\Gamma/2)^2}\hspace{4em} label{Lorenzian}\end{equation}
$\begin{equation}
\int_a^bf(x)dx=\lim_{n\to \infty}\sum_{i=1}^{n}f(x_i)\Delta x_i
\end{equation}$
:::: \begin{equation}\int_a^bf(x)dx=\lim_{n\to \infty}\sum_{i=1}^{n}f(x_i)\Delta x_i\end{equation}

$\begin{array}{|l|c|r|r|} \hline
    \color{blue}{\bf{メニュー}} & サイズ & 値段 & カロリー \\\\ \hline 
    牛丼 & 並盛 & 500円 & 600 kcal \\\\ \hline 
    牛丼 & 大盛 & 1,000円 & 800 kcal \\\\ \hline
    牛丼 & 特盛 & 1,500円 & 1,000 kcal \\\\ \hline
    牛皿 & 並盛 & 300円 & 250 kcal \\\\ \hline
    牛皿 & 大盛 & 700円 & 300 kcal \\\\ \hline
    牛皿 & 特盛 & 1,000円 & 350 kcal \\\\ \hline
\end{array}$
:::: \begin{array}{|l|c|r|r|} \hline \color{blue}{\bf{メニュー}} & サイズ & 値段 & カロリー \\\\ \hline 牛丼 & 並盛 & 500円 & 600 kcal \\\\ \hline 牛丼 & 大盛 & 1,000円 & 800 kcal \\\\ \hline 牛丼 & 特盛 & 1,500円 & 1,000 kcal \\\\ \hline 牛皿 & 並盛 & 300円 & 250 kcal \\\\ \hline 牛皿 & 大盛 & 700円 & 300 kcal \\\\ \hline 牛皿 & 特盛 & 1,000円 & 350 kcal \\\\ \hline \end{array}
$C_p[\ce{H2O(l)}] = \pu{75.3 J // mol K}$
:::: C_p[\ce{H2O(l)}] = \pu{75.3 J // mol K}
htmlタグで<math>
    <mn>4</mn>
    <msup>
      <mi>sin</mi>
      <mn>2</mn>
    </msup>
    <mi>x</mi>
    <mo>-</mo>
    <mn>4</mn>
    <msup>
      <mi>cos</mi>
      <mn>2</mn>
    </msup>
    <mi>x</mi>
</math>
（code表示の '$' は必要ありません。）
:::: htmlタグで<math><mn>4</mn><msup><mi>sin</mi><mn>2</mn></msup><mi>x</mi><mo>-</mo><mn>4</mn><msup><mi>cos</mi><mn>2</mn></msup><mi>x</mi></math>
 __って打てるかそんなもの__ $\large 😱$ 、こうでしょ
$4\sin^2x-2\cos^2x$
:::: 4\sin^2x-2\cos^2x
------
　ページとしては充実したものにはなっていませんが、それでも簡単にこの位のものが作れます。
＋ 追記：自分のブラウザーではコードのエリアに色がつくのですが、背景が黒で文字も色が抜けています。私には原因が分りようがありません。
<div class="footer">■</div>