Una radice quadrata è un'entità comune in equazioni matematiche. Tuttavia, HTML non supporta le formule, quindi è necessario utilizzare HTML e CSS per una radice quadrata in HTML di codice. L'uso di una linea sopra e la creazione di un intervallo di caratteri rende possibile per l'entità radice quadrata espandere in tutta l'intera equazione.
Istruzioni
1
Codice un simbolo di radice quadrata. L'entità HTML per una radice quadrata è √. La radice quadrata di 49 sarebbe essere codificata come √49, e l'output sarebbe √49. Affinché un overline a comparire, codifica supplementare deve essere aggiunto.
2
Una radice quadrata con una linea sopra il codice. Creare un intervallo di caratteri utilizzando CSS stile "text-decoration: overline." La radice quadrata di X + 1 dovrebbe essere codificato come: < span style = "white-space: nowrap; dimensione del carattere: più grande "> √ < span style =" testo-decorazione: overline; " > X + 1 < / span >< / span >
3
Codice una radice quadrata con una formula che contiene un apice. Questi possono essere codificati utilizzando una tabella con due righe e due colonne. La riga superiore deve includere l'entità per essere posizionati sopra il simbolo di radice quadrata. La riga superiore deve anche avere abbastanza caratteri di sottolineatura di andare oltre la formula. Il numero 2 in citazioni nella seguente formula rappresenta un apice; le virgolette non sono parte del codice. La radice quadrata di X "2" + 1 dovrebbe essere codificata come: < table cellspacing = "0" cellpadding = "0" border = "0" style = "font-family: verdana;" >
< tr >
<td>
</td>
<td>
</td>
< /tr >
< tr >
<td style="font-size:larger">
√
</td>
<td>
X < sup > 2 < / sup > + 1
</td>
< /tr >
< / tabella >
4
Codice una radice quadrata con un apice utilizzando il tag < span >. Utilizzando il tag < span > anziché il tag (in apice) < sup > aiuta a controllare la dimensione e la posizione degli apici in modo che non si sovrappongono con la linea sopra. I numeri 2.7 e 8.6 in citazioni nella seguente formula rappresentano gli apici; le virgolette non sono parte del codice. La radice quadrata di (un "2.7" + b "8,6") dovrebbe essere codificata come: √ < span style = "testo-decorazione: overline" >
(< i > un < /i >< span style = "font-size: 10px; vertical-align: + 25%;" > 2,7 < / span > +
< i > b < /i >< span style = "font-size: 10px; vertical-align: + 25%;" > 8,6 < / span >) < / span >
Consigli & Avvertenze
- La tabella utilizzata per la codifica di una radice quadrata con un apice dovrebbe utilizzare una comune famiglia di caratteri come Verdana o Arial per evitare problemi con il rendering su altri browser.