Una radice quadrata è un'entità comune in equazioni matematiche. Tuttavia, HTML non supporta le formule, per cui è necessario l'utilizzo di HTML e CSS per codificare una radice quadrata in HTML. L'uso di un overline e la creazione di un arco di caratteri rende possibile l'entità radice quadrata di espandersi attraverso l'intera equazione.

istruzione

1 Codice simbolo radice quadrata. L'entità HTML per una radice quadrata è √. La radice quadrata di 49 sarebbe stata codificata come √49, e l'output sarà √49. Affinché un overline a comparire, si deve aggiungere la codifica supplementare.

2 Codice una radice quadrata con un overline. Creare un arco di caratteri utilizzando di stile CSS "text-decoration: overline." La radice quadrata di X + 1 sarebbe stato codificato come: <span style = "white-space: nowrap; font-size: grande"> √ <span style = "text-decoration: 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à da visualizzare sul simbolo della radice quadrata. La riga superiore deve anche avere caratteri di sottolineatura abbastanza per andare oltre la formula. Il numero 2 tra virgolette nel seguente formula rappresenta un apice; le virgolette non fanno parte del codice. La radice quadrata di X "2" + 1 dovrebbe essere codificato come: <table cellspacing = "0" cellpadding = "0" border = "0" style = "font-family: Verdana;">

<Tr>

<td>

</td>

& Lt; td>

---

</td>

</ Tr>

<Tr>

<td style="font-size:larger">

√

</td>

& Lt; td>

X <sup> 2 </ sup> + 1

</td>

</ Tr>

</ Table>

4 Codice una radice quadrata con un apice con il tag <span>. Utilizzando il tag <span> al posto del tag <sup> (apice) aiuta a controllare la dimensione e la posizione degli apici in modo che non si sovrappongano con l'overline. I numeri 2.7 e 8.6 a citazioni nel seguente formula rappresentano apici; le virgolette non fanno parte del codice. La radice quadrata di (un "2.7" + b "8.6") ​​verrebbe codificato come: √ <span style = "text-decoration: overline">

(<I> a </ 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 e avvertenze

• La tabella utilizzata per la codifica una radice quadrata con un apice dovrebbe usare una famiglia di caratteri comuni come Verdana o Arial per evitare problemi con il rendering su altri browser.