PamokosSiuntiniai
Jūsų puslapiui |
Reklama
| ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
 |
Autorius: | ifreal.com | Data: | 2003-05-01 00:00:00 |
| Lygis: |  |
Pamatė: | 1290 | |
| Versija: |
Yra du lygiavimo būdai:
» Horizontalusis (align="") - naudojamas su elementais
(tekstas, paveiksliukai, lentelės, formos ir t.t.)
» Vertikalusis (valign="") - naudojamas su lentelėm.
Pavyzdys | Kodas | Aprašymas | ||||
| Lygiavimas | ||||||
tekstas | <center>tekstas</center> | Centruotas. | ||||
tekstas | <div align="left">tekstas</div> | Pagal kairę pusę. | ||||
tekstas | <div align="center">tekstas</div> | Tekstas centruotas. | ||||
tekstas | <div align="right">tekstas</div> | Pagal dešinę pusę. | ||||
tekstas (daug teksto, nes kitaip šito lygiavimo nepamatysite). | <div align="justify">tekstas (daug teksto, nes kitaip šito lygiavimo nepamatysite).</div> | Pagal abi (kairę ir dešinę) puses. | ||||
tekstas tekstas | <div align="center">tekstas</div> <div align="right">tekstas</div> | Skirtingai negu pastraipų lygiavimas, naudojant šitą lygiavimo būdą, nelieka vienos eilutės tarpo. | ||||
Pastraipos ir jų lygiavimas | ||||||
tekstas | <p>tekstas</p> | Pastraipa. | ||||
tekstas 1 tekstas 3 | <p>tekstas 1<br>tekstas 2</p> <p>tekstas 3</p> | Jei naudojate dvi pastraipas iš eilės, jums atsiras vienos eilutės tarpas tarp jų. <BR> - iš naujos eilutės. | ||||
tekstas | <p align="left">tekstas</p> | Pastraipa. Lygiuojamas pagal kairę pusę. | ||||
tekstas | <p align="center">tekstas</p> | Pastraipa. Tekstas centruotas. | ||||
tekstas | <p align="right">tekstas</p> | Pastraipa. Lygiuojamas pagal dešinę pusę. | ||||
tekstas (daug teksto, nes kitaip šito lygiavimo nepamatysite). | <p align="justify">tekstas (daug teksto, nes kitaip šito lygiavimo nepamatysite).</p> | Pastraipa. Lygiuojamas pagal abi (kairę ir dešinę) puses. | ||||
Lygiavimas lentelėse (žr. pamoką apie lenteles) | ||||||
| <table width="100%"> <tr> <td align="center">tekstas</td> <td align="right">tekstas</td> </tr> </table> | Tekstas lentelės pirmoje ląstelėje (kolonoje) centruojamas, o antroje lygiuojamas, pagal dešinę pusę. Galite naudoti: left - pagal kairę pusę. (žr. prieš tai esančiose pavyzdžiuose). justify - pagal abi puses (žr. prieš tai esančiose pavyzdžiuose). | ||||
| <table width="100%"> <tr align="center"> <td>tekstas</td> <td>tekstas</td> </tr> <tr align="right"> <td>tekstas</td> <td>tekstas</td> </tr> </table> | Bendras eilučių (<tr>) horizontalus lygiavimas. Galite naudoti: left - pagal kairę pusę. (žr. prieš tai esančiose pavyzdžiuose). justify - pagal abi puses (žr. prieš tai esančiose pavyzdžiuose). | ||||
| <table width="100%"> <tr> <td height="40" valign="top">tekstas</td> <td height="40">tekstas</td> </tr> <tr> <td height="40" valign="baseline"> tekstas</td> <td height="40" valign="bottom"> tekstas</td> </tr> </table> | Vertikalusis lygiavimas (valign=""). 1 kolona: pagal viršų (top). 2 kolona: per centrą (pagal nutylejimą). 3 kolona: per centrą (baseline). 4 kolona: pagal apačią (bottom). Šitą lygiavimo būdą galite naudoti ir | ||||
Tekstinės antraštės ir jų lygiavimas | ||||||
tekstas | <h6>tekstas</h6> | Pati mažiausia testinė antraštė. Iš viso jų yra 6. Jeigu pakeistumėme skaičiuką (nuo 6 iki 1) prie <h...></h...>, pamatytumėme, kad antraštės tekstas didėja (kuo mažesnis skaičius, tuo didesnis antraštės teksto dydis). | ||||
tekstas | <h3 align="center"> tekstas</h3> | Centruota vidutinio dydžio antraštė. Galite naudoti: left - pagal kairę pusę, right - pagal dešinę, justify - pagal abi puses. | ||||
Lygiavimas (paprastas, lentelių, pastraipų ir antraščių)
