When reading the wikipedia page that has a formula, we find the formula made in the form of a picture.
HTML itself has a tag for writing mathematical formulas. But it's long enough to use it.
Therefore, so that it doesn't bother, we can use the LaTex code only with the MathJax library .
What is MathJax?
MathJax is a javascript library (rendering) for the results of LaTeX, MathML, and AsciiMath Notations in HTML.
MathJax is claimed to work in all browsers.
How to use MathJax
First we need to initialize it in the tag
<head>or at the end of the tag <body>.<script type="text/x-mathjax-config">
MathJax.Hub.Config({
tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}
});
</script>
<script type="text/javascript" async
src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-MML-AM_CHTML">
</script>
Next, to write a formula, we can use the LaTeX command flanked by a dollar sign (
$).
Example:
$f(x)=\sqrt{x^2 + 5y^4}$
Will produce:
Easy isn't it?
The complete code:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
$f(x)=\sqrt{x^2 + 5y^4}$
<script type="text/x-mathjax-config">
MathJax.Hub.Config({
tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}
});
</script>
<script type="text/javascript" async
src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-MML-AM_CHTML">
</script>
</body>
</html>
The final word…
Thank you for following this tutorial, hopefully it's useful.
Reference:
0 Komentar untuk "LaTeX Code for Writing Mathematical Formulas in HTML"
Silahkan berkomentar sesuai artikel