次のラテックスに相当するHTML式を作成する方法:
$$\sum_{k=1}^Nk(N-k+1)
画像は次のとおりです。
私はこれが好きでした:
∑ <sub>k=1</sub> <sup>N</sup>
でも出力はこんな感じ
∑ k = 1 N
HTMLが苦手で、Webで検索しましたが、答えが見つかりませんでした。これを手伝ってください..ありがとう!
プロジェクトの多くのものに必要な場合は、 MathJaxが役立つでしょう。それ以外の場合は、この1つの式だけが必要な場合は、これを試してください-デモ
<p>
<span>Σ</span>
k ( N - k + 1 )
</p>
CSS
p {
height: 50px;
line-height: 50px;
}
span {
position: relative;
font-size: 2.5em;
display: inline-block;
line-height: .7em;
vertical-align: middle;
}
span:before {
font-size: 12px;
display: block;
position absolute;
left: 0;
top: 0;
content: "N";
width: 22px;
text-align: center;
}
span:after {
font-size: 12px;
display: block;
position absolute;
left: 0;
bottom: 0;
content: "k = 1";
width: 27px;
text-align: center;
}
MathJaxはほぼ間違いなく正解ですが(ホームページに合計の例もあります)、単純なHTML要素を使用できます(ただし、これらは最終的なMathJax / LaTeXの結果ほど見栄えがよくありません)。
合計記号はHTMLエンティティ∑
であり、スーパースクリプトとサブスクリプトはsup
andsub
要素でマークアップできるため、次のことを試してください。
∑<sub>k=1</sub><sup>N</sup> k (N - k + 1)
取得するには:∑ k = 1 N k(N --k + 1)。
Mathjaxを使用する:http ://www.mathjax.org/
それはあなたが探しているもののために特別に作られています。
他の人が書いているように、おそらく軽量のjqMathがいくつかのニーズにより適しているかもしれませんが、最良のオプションはおそらくMathJaxです。数式にMathJaxを使用する方法は次のとおりです(本番環境で使用する場合は、MathJaxソフトウェアを独自のサーバーにアップロードすることを検討してください)。
<!DOCTYPE html>
<title>MathJax demo</title>
<script src=
"http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
</script>
$$\sum_{k=1}^Nk(N-k+1)$$
純粋なHTMLはそれほど遠くまでは行きませんし、CSSスタイルを使用しても、表示式には不十分な結果になります。CSSポジショニング(ここでは注意が必要です)またはHTMLの不器用なテーブルベースの構成を使用する必要があります。cf. 私のメモにHTML(およびCSS)の数学、特に最後の2次元性に関するメモ。