2012-11-29 20 views
9

Come scrivere l'espressione HTML equivalente per seguenti Latex:Come scrivere l'espressione di sommatoria in HTML?

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

L'immagine è:

enter image description here

ho fatto come questo:

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

ma la produzione è così

k = 1N

io non sono bravo a HTML e ho cercato su web, ma non ho trovato risposta. Si prega di aiuto su questo..Grazie!

risposta

12

Se ne hai bisogno per un sacco di cose nel tuo progetto, probabilmente troverai utile MathJax. In caso contrario, se avete bisogno di solo questa formula quindi provare questo - DEMO

<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; 
} 
​ 
+0

Grazie Zoltan Toth ... ha funzionato per me! –

+0

Siete i benvenuti :) –

+0

@Zolthan Toth: Sebbene funzioni per .html ... ma come scrivere se ho bisogno di [** la mia risposta **] (http: // StackOverflow.it/questions/13621550/a-puzzle-related-to-nested-loops/13622284 # 13622284) su stackoverflow. alla fine devo caricare un'immagine. –

1

Mentre MathJax è quasi certamente la risposta corretta (c'è anche un esempio di una sommatoria su la pagina iniziale), è possibile utilizzare semplici elementi HTML (tuttavia questi non avranno un bell'aspetto come i risultati finali di MathJax/LaTeX).

Il segno di sommatoria è HTML entità &sum; e il super e sub-script può essere contrassegnato con gli elementi sup e sub, in modo da provare:

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

per ottenere: ∑ k = 1N k (N - k + 1).

1

Come altri hanno scritto, l'opzione migliore è probabilmente MathJax, anche se forse il leggero jqMath potrebbe soddisfare alcune esigenze meglio. Ecco come utilizzare mathjax per la formula (per l'uso in produzione, si consideri il caricamento del software mathjax sul proprio server):

<!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)$$ 

puro HTML, non vi porterà molto lontano, e anche con stile CSS, i risultati sono insoddisfacente per le formule di visualizzazione. Dovresti usare il posizionamento CSS (che in questo caso sarebbe complicato) o un goffo costrutto basato su tabelle in HTML; cf. ai miei appunti Math in HTML (and CSS), in particolare le note sulla bidimensionalità alla fine.

+0

Grazie! Jukka K. Korpela –

+0

Nota dal futuro: cdn.mathjax.org è prossima alla fine della sua vita, controlla https://www.mathjax.org/cdn-shutting-down per suggerimenti sulla migrazione (e forse aggiorna il tuo post per futuri lettori). –