まず、プログラムの ＜head＞ ＜/head＞ の中に次のように記入しておきます。
　　　＜script src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"＞＜/script＞
　　または、
　　　＜script src="https://cdn.jsdelivr.net/npm/mathjax@4/tex-mml-chtml.js"＞＜/script＞

　　　　　　　　※　MathJax とは、MathML、LaTeX、ASCIIMathMLで記述された数式を
　　　　　　　　　ウェブブラウザ上で表示する JavaScriptライブラリです。

　左寄せで数式を書くためには、￥(　と　￥)　の間 に数式表現文字（ 以下、黒字で示す ）を記入します。この方法でうまくいかない場合は、￥[ ￥begin{flalign}　と　￥end{flalign} ￥]　の間に数式表現文字を記入した最後に && を付け加えるとできます。
　なお、\ は ￥ のことです。￥￥( \ \ ) は改行命令で、￥( \ ) に続く半角スペースは半角スペース挿入命令です。￥color{blue} は文字色を青にします。￥text{ } は、数式表現文字を数式に変換させずにそのまま記載する関数です。

\[ \begin{flalign} \color{blue} \LaTeX\ で\ \\\color{blue}書こう　　　\color{black} \text{ \color{blue}\LaTeX\ で\ \\\color{blue}書こう }&& \end{flalign} \] \( \color{blue} \LaTeX\ で\ \\\color{blue}書こう　　　\color{black} \text{ ※　￥(　〜　￥)　では改行命令 ￥￥( \ \ ) が機能しません。} \)
\[ \begin{flalign} \color{blue} e^{x}　　　\color{black} \text{ e^{x} }&& \end{flalign} \] \( \color{blue} \sin a　　　\color{black} \text{ \sin a } \)

\( \color{blue} 0\ ＜\ a\ \le\ 2π　and　b\ \ge\ 90°　　　\color{black} \text{ 0\ ＜\ a\ \le\ 2π　and　b\ \ge\ 90° } \)
\[ \begin{flalign} \color{blue} \left|\ x-y\ \right|　　　\color{black} \text{ \left|\ x-y\ \right| }&& \end{flalign} \] \[ \begin{flalign} \color{blue} \int_{0}^{2}f\left(x\right)\ dx　　　\color{black} \text{ \int_{0}^{2}f\left(x\right)\ dx }&& \end{flalign} \] \[ \begin{flalign} \color{blue} \sum_{n=0}^{\infty}\ f\left(n\right)　　　\color{black} \text{ \sum_{n=0}^{\infty}\ f\left(n\right) }&& \end{flalign} \] \[ \begin{flalign} \color{blue} \frac{d}{dx}f\left(x\right)　　　\color{black} \text{ \frac{d}{dx}f\left(x\right) }&& \end{flalign} \] \[ \begin{flalign} \color{blue} \frac{d^{2}}{dx^{2}}f\left(x\right)　　　\color{black} \text{ \frac{d^{2}}{dx^{2}}f\left(x\right) }&& \end{flalign} \] \[ \begin{flalign} \color{blue} \lim_{n\to \infty} a_n　　　\color{black} \text{ \lim_{n\to \infty} a_n }&& \end{flalign} \] \[ \begin{flalign} \color{blue} \log_{10}\left(10\right)　　　\color{black} \text{ \log_{10}\left(10\right) }&& \end{flalign} \] \[ \begin{flalign} \color{blue} _{4}C_{2} = \frac{4!}{\ 2!\ (4-2)!\ }　　　\color{black} \text{ _{4}C_{2} = \frac{4!}{\ 2!\ (4-2)!\ } }&& \end{flalign} \] \[ \begin{flalign} \color{blue} \to　　　←　　　\color{black} \text{ \to　← }&& \end{flalign} \] \[ \begin{flalign} \color{blue} \vec a +\ \scriptsize\overrightarrow{OB}\normalsize\ =\ \vec c　　\color{black} \text{ \vec a +\ \scriptsize\overrightarrow{OB}\normalsize\ =\ \vec cc }&& \end{flalign} \] \[ \begin{flalign} \color{blue} A \cap B　　　A \cup B　　　\color{black} \text{ A \cap B　A \cup B }&& \end{flalign} \] \[ \begin{flalign} \color{blue} \therefore　　　\because　　　\color{black} \text{ \therefore　\because }&& \end{flalign} \] \[ \begin{flalign} \color{blue} \begin{pmatrix} \ a & b\ \\ \ c & d\ \end{pmatrix}　　　\color{black} \text{ \begin{pmatrix} \ a & b\ \\ \ c & d\ \\　\end{pmatrix}}&& \end{flalign} \] \[ \begin{flalign} \color{blue} \begin{bmatrix} \ a & b\ \\ \ c & d\ \end{bmatrix}　　　\color{black} \text{ \begin{bmatrix} \ a & b\ \\ \ c & d\ \\　\end{bmatrix}}&& \end{flalign} \] \[ \begin{flalign} \color{blue} a+b\ i　　　\color{black} \text{ a+b\ i }&& \end{flalign} \] \[ \begin{flalign} \color{blue} +-\times\div=　　　\color{black} \text{ +-\times\div= }&& \end{flalign} \] \[ \begin{flalign} \color{blue}\sqrt{\ 3\ }　　　\color{black} \text{ \sqrt{\ 3\ } }&& \end{flalign} \]
コピペ用テキストエリア：

\) \( \end{flalign} \] \[ \begin{flalign} && \[ \begin{flalign} \color{blue} \LaTeX\ で\ 数式を\\\color{blue}書こう　　　\color{black} \text{ \color{blue}\LaTeX\ で\ 数式を\\\color{blue}書こう }&& \end{flalign} \] e^{x} \sin a 0\ ＜\ a\ \le\ 2π　and　b\ \ge\ 90° \left|\ x-y\ \right| \int_{0}^{2}f\left(x\right)\ dx \sum_{n=0}^{\infty}\ f\left(n\right) \frac{d}{dx}f\left(x\right) \frac{d^{2}}{dx^{2}}f\left(x\right) \lim_{n\to \infty} a_n \log_{10}\left(10\right) _{4}C_{2} = \frac{4!}{\ 2!\ (4-2)!\ } \to　　　← \vec a +\ \scriptsize\overrightarrow{OB}\normalsize\ =\ \vec c A \cap B　　　A \cup B \therefore　　　\because \begin{pmatrix} \ a & b\ \\ \ c & d\ \\ \end{pmatrix} \begin{bmatrix} \ a & b\ \\ \ c & d\ \\ \end{bmatrix} a+bi +-\times\div= \sqrt{\ 3\ }

このページの html 文章の一部：

\[ \begin{flalign} \color{blue} \LaTeX\ で\ \\\color{blue}書こう　　　\color{black} \text{ \color{blue}\LaTeX\ で\ \\\color{blue}書こう }&& \end{flalign} \] \( \color{blue} \LaTeX\ で\ \\\color{blue}書こう　　　\color{black} \text{ ※　￥(　〜　￥)　では改行命令 ￥￥( \ \ ) が機能しません。} \) <br> \[ \begin{flalign} \color{blue} e^{x}　　　\color{black} \text{ e^{x} }&& \end{flalign} \] \( \color{blue} \sin a　　　\color{black} \text{ \sin a } \) <br><br> \( \color{blue} 0\ ＜\ a\ \le\ 2π　and　b\ \ge\ 90°　　　\color{black} \text{ 0\ ＜\ a\ \le\ 2π　and　b\ \ge\ 90° } \) <br> \[ \begin{flalign} \color{blue} \left|\ x-y\ \right|　　　\color{black} \text{ \left|\ x-y\ \right| }&& \end{flalign} \] \[ \begin{flalign} \color{blue} \int_{0}^{2}f\left(x\right)\ dx　　　\color{black} \text{ \int_{0}^{2}f\left(x\right)\ dx }&& \end{flalign} \]