Как написать выражение в HTML?

Как написать эквивалентное HTML-выражение для следующего Latex:

$$sum_{k=1}^Nk(N-k+1)

изображение:

enter image description here

мне это понравилось:

∑ <sub>k=1</sub> <sup>N</sup>

но вывод такой

∑ k=1N

Я не хорош в HTML, и я искал в интернете, но не мог найти ответа. Пожалуйста, помогите в этом..Спасибо!

10
html html5 web

4 ответов

Если вам это нужно для многих вещей в вашем проекте, вы, вероятно, найти MathJax полезное. В противном случае, если вам нужна только одна формула, попробуйте это - демо

<p>
    <span>&Sigma;</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;
}
​
12

использовать Mathjax: http://www.mathjax.org/

Он построен специально для того, что вы ищете.

1

пока MathJax почти наверняка правильный ответ (есть даже пример суммирования на главной странице), вы можете использовать простые HTML-элементы (однако они не будут выглядеть так хорошо, как окончательные результаты MathJax/LaTeX).

знак суммирования - HTML entity &sum; и супер-и под-скрипты могут быть отмечены с помощью sup и sub элементов, так попробовать:

&sum;<sub>k=1</sub><sup>N</sup> k (N - k + 1)

получить: ∑k=1N k (N-k + 1) .

1

Как писали другие, лучшим вариантом, вероятно, является MathJax, хотя, возможно, легкая jqMath может удовлетворить некоторые потребности лучше. Вот как использовать 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 (что бы получить tricky here) или неуклюжая табличная конструкция в HTML; cf. в моих заметках математика в HTML (и CSS), особенно заметки о двумерности в конце.

1