完全列と蛇の補題の表示

完全列のコード:

<!DOCTYPE html>
<html>
<head>
  <script type="text/javascript" async
    src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js">
  </script>
</head>
<body>
  <p>完全列の例:</p>
  <p>$$
  0 \to A \xrightarrow{f} B \xrightarrow{g} C \to 0
  $$</p>
</body>
</html>

完全列のMathJax出力:

$$ 0 \to A \xrightarrow{f} B \xrightarrow{g} C \to 0 $$

蛇の補題のコード:

<!DOCTYPE html>
<html>
<head>
  <script type="text/javascript" async
    src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js">
  </script>
</head>
<body>
  <p>蛇の補題の簡易図式:</p>
  <p>$$
  \begin{array}{ccccccccc}
  & & A_1 & \xrightarrow{} & A_2 & \xrightarrow{} & A_3 & \to & 0 \\
  & & \downarrow & & \downarrow & & \downarrow & & \\
  0 \to & B_1 & \xrightarrow{} & B_2 & \xrightarrow{} & B_3 & \xrightarrow{} & C & \to 0 \\
  & & \downarrow & & \downarrow & & \downarrow & & \\
  & & C_1 & \xrightarrow{} & C_2 & \xrightarrow{} & C_3 & &
  \end{array}
  $$</p>
</body>
</html>

蛇の補題のMathJax出力:

$$ \begin{array}{ccccccccc} & & A_1 & \xrightarrow{} & A_2 & \xrightarrow{} & A_3 & \to & 0 \\ & & \downarrow & & \downarrow & & \downarrow & & \\ 0 \to & B_1 & \xrightarrow{} & B_2 & \xrightarrow{} & B_3 & \xrightarrow{} & C & \to 0 \\ & & \downarrow & & \downarrow & & \downarrow & & \\ & & C_1 & \xrightarrow{} & C_2 & \xrightarrow{} & C_3 & & \end{array} $$