Formázás

Matematikában a per és törtek vonalának jelzése.


A per és törtek vonalának megjelenítése, elrendezése.

Matematikában, mértanban, sokszor alkalmazni kell a megérthetőség végett, per, tört, fok, felsőindex, alsóindex és gyök jelöléseket.

A per jelölésnél, html oldalon billentyűzetről és kódolva is beírható, de feldolgozó programoknál osztási utasításnak minősül.
Ezért feldolgozó programoknál kiíratáshoz, kódolva kell megírni.
További jelöléseket html oldalon is, kódolva vagy stílus meghatározással kell megjeleníteni.


Per = / Kódolva így: / = /
Tört = — Stílus meghatározással: .tortvonal{padding-right: 5px; border-top: 1px solid black;}
Felsőindex = 2 Kódolva így: 2<sup>2</sup> és ezekkel: 2&sup1; = 2¹ -- 2&sup2; = 2² -- 2&sup3; = 2³ -- 2&#8319; = 2ⁿ
Alsóindex = 2 Kódolva így: H<sub>2</sub>O
Fok = o Kódolva így: 45<sup>o</sup> = 45o --- vagy: 45&ordm; = 45º
Gyök = √ Kódolva így: &#8730; = √



Minden szimbólumkód megtekintéséhez, katt ide!


Előre definiált, html peres kódszámok megjelenítése:
&frac12; = ½ ------- &frac13; = ⅓ ------- &frac14; = ¼ ------- &frac15; = ⅕ ------- &frac16; = ⅙
&frac23; = ⅔ ------- &frac25; = ⅖
&frac34; = ¾ ------- &frac35; = ⅗ ------- &frac38; = ⅜
&frac45; = ⅘
&frac56; = ⅚ ------- &frac58; = ⅝
&frac78; = ⅞



Matematikában a per -es adatok megjelenítése.

Fentebb látható,
előre definiált, html peres kóddal.


Példa:
<p> &frac14; és a &frac34; </p>


Fenti példa eredménye:
¼ és a ¾

A per vonalat html kóddal &#047; is megjeleníthetjük.

Példa:
<style> .meret12(font-size: 12px;} </style>
<p>
<sup>1</sup>&#047;<sub>2</sub> *
<sup>100</sup>&#047;<sub>10</sub> = 5
</p>

Fenti példa eredménye:
1/2 * 100/10 = 5


Matematikában a törtek megjelenítése.

Matematikai törteket megjeleníteni, szövegformázó html elemmel egy sorban, csak egy törtet tudunk megjeleníteni.

Stílusok meghatározása:
.kar-famili{ font-family: Simbol;}
.tortvonal{padding-right: 5px; border-top: 1px solid black;}
.sorm{font-size:14px; line-height: 108%;)

Példa:
<h5>
<span class="kar-famili">&#0928;</span> <br>
<span class="tortvonal">2</span> <br>
<span class="kar-famili">&#0960;</span> <br>
<span class="tortvonal">2</span>
</h5>

Fenti példa eredménye:

Π
2
π
2

A p elemnél sormagasságot is, meg kell határozni,
és egy sorban, csak egy törtet tudunk megjeleníteni.

Példa:
<p class="sorm">
<span class="kar-famili">&#0928;</span> <br>
<span class="tortvonal">2</span> <br>
<span class="kar-famili">&#0960;</span> <br>
<span class="tortvonal">2</span> <br>
</p>

Fenti példa eredménye:

Π
2
π
2


Egy sorban, több törtes adat megjelenítése.

Több szimbólikus törtet és szöveget, egymás mellé szeretnénk írni, akkor table meghatározást alkalmazzuk.
Első szemléltetésekhez, keretet is meghatározunk, a végén, keret nélkül jelenítjük meg.

Stílus meghatározások:
.szimboltabla{min-width:10%; border:2px solid red;}
.szimboltabla th{font-size:14px; border:1px solid blue; padding:4px;}
.szimboltabla td{vertical-align:center; border:1px solid blue; padding:4px;}
.szimboltabla p{font-size:14px; line-height: 108%;}
.tortvonal{padding-right: 5px; border-top: 1px solid black;}
.kar-famili{ font-family:Simbol;}


Leírás.


Megjelenés.


 <table class="szimboltabla">
 <tr>
 <th>Adatok : </th>
 <th><span class="kar-famili">&#0928;</span><br><span class="tortvonal">2</span> </th>
 <th>=</th>
 <th><span class="kar-famili">&#0960;</span><br><span class="tortvonal">2</span> </th>
 </tr>
 </table>

Adatok : Π
2
= π
2
 <table class="szimboltabla">
 <tr>
 <th>Adatok : </th>
 <th><p><strong> <span class="kar-famili">&#0928;</span><br><span class="tortvonal">2</span> </strong></p> </th>
 <th>=</th>
 <th><p><strong> <span class="kar-famili">&#0960;</span><br><span class="tortvonal">2</span> </strong></p></th>
 </tr>
 </table>

Adatok :

Π
2

=

π
2

 <table class="szimboltabla">
 <tr> 
 <td>Adatok : </td>
 <td> <strong> <span class="kar-famili">&#0928;</span><br><span class="tortvonal">2</span> </strong>  </td>
 <td>=</td>
 <td> <strong> <span class="kar-famili">&#0960;</span><br><span class="tortvonal">2</span> </strong>  </td>
 </tr>
 </table>

Adatok : Π
2
= π
2
 <table class="szimboltabla">
 <tr> 
 <td>Adatok : </td>
 <td> <p><strong> <span class="kar-famili">&#0928;</span><br><span class="tortvonal">2</span> </strong></p>   </td>
 <td>=</td>
 <td> <p><strong> <span class="kar-famili">&#0960;</span><br><span class="tortvonal">2</span> </strong></p>  </td>
 </tr>
 </table>

Adatok :

Π
2

=

π
2

Megjelenítés, keret nélküli táblázatban és cellákban:

 <table class="szimbolkeretnone">
 <tr>
 <th>Adatok : </th>
 <th><span class="kar-famili">&#0928;</span><br><span class="tortvonal">2</span> </th>
 <th>=</th>
 <th><span class="kar-famili">&#0960;</span><br><span class="tortvonal">2</span> </th>
 </tr>
 </table>

Adatok : Π
2
= π
2




Példa, per és törtes adatok megjelenítésére.

Néhány gyakori forgási mannyiség átváltásának
megjelenítése, táblázatban.

Egységek Értékek
Forgatás 0 1/12 1/8 1/6 1/4 1/2 3/4 1
Fok 0o 30o 45o 60o 90o 180o 270o 360o
Radián 0 π
6
π
4
π
3
π
2
π 3π
2
2π
Gradián 0g 33⅓g 50g 66⅓g 100g 200g 300g 400g



Fenti meghatározások leírása.

Stílusok meghatározása.
.szimboltabla{min-width:10%; border:none; background-color: white;}
.szimboltabla th{font-size:14px; border:1px solid black; padding:4px; background-color: Gainsboro;}
.szimboltabla td{font-size:14px; vertical-align:center; text-align:center; border:1px solid black;}
.szimboltabla td{padding-top:4px; padding-right:6px; padding-bottom:4px; padding-left:6px;}
.tortvonal{padding-right: 5px; border-top: 1px solid black;}
.kar-famili{font-family:Simbol;}


<table class="szimboltabla">
<caption><strong>Néhány gyakori forgási mannyiség átváltása.</strong></caption>
<tr> <th> Egységek </th>  <th colspan="8">Értékek</th> </tr>

<tr>
<th>Fok</th>
<td width="10%"> 0<sup>o</sup>   </td>
<td width="10%"> 30<sup>o</sup>  </td>
<td width="10%"> 45<sup>o</sup>  </td>
<td width="10%"> 60<sup>o</sup>  </td>
<td width="10%"> 90<sup>o</sup>  </td>
<td width="10%"> 180<sup>o</sup> </td>
<td width="10%"> 270<sup>o</sup> </td>
<td width="10%"> 360<sup>o</sup> </td>
</tr>

<tr>
<th>Forgatás</th>
<td> 0 </td>
<td> <sup>1</sup>/<sub>12</sub> </td>
<td> <sup>1</sup>/<sub>8</sub> </td>
<td> <sup>1</sup>/<sub>6</sub> </td>
<td> <sup>1</sup>/<sub>4</sub> </td>
<td> <sup>1</sup>/<sub>2</sub> </td>
<td> <sup>3</sup>/<sub>4</sub> </td>
<td> 1 </td>
</tr>

<tr>
<th>Radián</th>
<td> 0 </td>
<td> <span class="kar-famili">&#0960;</span> <br> <span class="tortvonal">6</span> </td>
<td> <span class="kar-famili">&#0960;</span> <br> <span class="tortvonal">4</span> </td>
<td> <span class="kar-famili">&#0960;</span> <br> <span class="tortvonal">3</span> </td>
<td> <span class="kar-famili">&#0960;</span> <br> <span class="tortvonal">2</span> </td>
<td> <span class="kar-famili">&#0960;</span></td>
<td> 3<span class="kar-famili">&#0960;</span> <br> <span class="tortvonal">2</span> </td>
<td> 2<span class="kar-famili">&#0960;</span></td>
</tr>

<tr>
<th>Gradián</th>
<td> 0<sup>g</sup> </td>
<td> 33&frac13;<sup>g</sup> </td>
<td> 50<sup>g</sup> </td>
<td> 66&frac13;<sup>g</sup> </td>
<td> 100<sup>g</sup> </td>
<td> 200<sup>g</sup> </td>
<td> 300<sup>g</sup> </td>
<td> 400<sup>g</sup> </td>
</tr>
</table>