101 - 052. Chester (HTML - formatovani textu)
Pro formátování textu v HTML vyuzijeme predevsim tag pro konec radku <br />, ktery se pouziva samostatne vsude tam, kde potrebujeme ukoncit radek a pokracovat na radku jinem. Bez pouziti tohoto tagu je veskery text interpretovan jako dlouhy retezec znaku, ktery je zalomen, pokud dosahneme konce daneho prostoru. V zavislosti na rozliseni se tak toto zalomeni provede pokazde jinak, a to, co u nas vypada "ucesane", se muze v jinem pocitaci zobrazit neprehledne a neusporadane.
Dulezitym pomocnikem pri formatovani listingu je parovy tag <div> </div>, diky kteremu muzeme vytvaret jednotlive odstavce. Pouzivani tohoto typu zapisu ocenite predevsim tam, kde vlastnosti klasickeho tagu pro odstavec (v cistem HTML pouzivany <p> </p>) nahradite pomoci CSS stylovani. Pomoci jednotlivych vlastnosti lze pote nastavit, jak bude vysledny odstavec interpretovan (typicky se jedna o zarovnani textu). Prikladem pouziti vyse uvedeneho je i tento odstavec, ktery je zarovnan do bloku, a konstrukce v HTML pak vypada takto:
<div style="text-align: justify">TEXT ODSTAVCE</div>
Hodnoty pro zarovnani textu (text-align) muzou byt pouzity tyto:
left: zarovnani vlevo;
right: zarovnani vpravo;
center: zarovnani na stred;
justify: zarovnani do bloku.
Formatovani pisma
Pro formatovani pisma samotneho vyuzijeme nekolik opravdu zakladnich parovych tagu:
<b> TEST </b> |
Tucne pismo |
TEST |
|
<i> TEST </i> |
Kurziva |
TEST |
|
<u> TEST </u> |
Podtrzeni |
TEST |
Veskere vyse uvedene vlastnosti lze libovolne kombinovat a tak zapisem
<u> <i> <b> TEST </b> </u> </i> dostaneme tento vysledek
TEST
Jak uz je zmineno vyse, dalsiho formatovani muzeme docilit pouzitim kaskadovych stylu (CSS style). I kdyz tato konstrukce neni dle pravidel HTML uplne korektni, funguje na strankach geocachingu temer na jednicku. Jako priklad konstrukce formatovani textu pomoci CSS stylu jsme namatkou zvolili tento (podrobnejsi info viz
www.jakpsatweb.cz - Prehled vlastností CSS):
<div style="text-align: center; color: blue; font-family: arial; font-style: bold; font-size: 200%;">
... ZKUSEBNI TEXT ... </div>
A zde je vysledek:
... ZKUSEBNI TEXT ...
Vyse uvedeny text obsahuje opravdu pouze zakladni informace o formatovani textu. Pokud ma vsak nekdo o tuto problematiku zajem, staci se zeptat strycka googla a urcite vse potrebne objevi...
Jak na kes:
Co vytvori takto napsany tag?
<div style="text-align: center; color: white; font-style: bold;">
N 49° 59.(3*Q)(3*Q)(3) E 014° (Q)3.(3*Q)(Q/2)(5)
Q najdes na 52STG