34/10 ECDL feladat rész megoldás

Az oldalon található űrlap egészét tegye egy mezőcsoportba (fieldset).
Adjon magyarázó feliratot (legend) a mezőcsoportnak: Válasszon pizzát és adja meg adatait! szöveggel.

HTML nézetben ki kell egészíteni az oldalt következőkkel:
<fieldset>
<legend>Válasszon pizzát és adja meg az adatait!</legend>

45/15 ECDL feladat megoldása

Alkalmazzon középre történő szövegigazítást minden olyan td elemre, amelynél 3 egymás melletti cella van összevonva.

td {

 text-align:left;

}

td[colspan="3"] {

 text-align:center;

}

Listák - Lista elemek. Az tag.

A számozott illetve a számozatlan listák elemeit az <li> és a </li> tagok (list item) között lehet megadni. A zárótag használata nem kötelező. (A HTML 5 szabványban a szabályt pontosították: Az li elem zárótagja elhagyható, ha azt egy másik li elem követi, vagy ha nincs több tartalom a szülő elemben az li elem után. Például az egymásba ágyazott listák készítésekor a zárótag elhagyása helytelen kódot eredményezhet.)

Legfontosabb attribútumai az id, class, style általános attribútumok.

A list-style-type és a list-style-image tulajdonságokat elvileg az li elemnél is meg lehet adni, de a gyakorlatban ez nem szokás. A lista stílusát az <li> tag általában megörökli az őt tartalmazó ul vagy ol elemtől.

Néha hasznos attribútum lehet a value, amivel egy számozott lista bármelyik eleménél be lehet állítani a jelölő értékét. A lista számozása a megadott értéktől fog folytatódni. Avalue attribútum értéke egész szám lehet, de a jelölő megjelenítése a list-style-typetulajdonság értékétől függ.

Példa:

1. A lista első eleme.
5. A lista második eleme.
6. A lista harmadik eleme.

Aminek a HTML kódja:

<ol>
   <li>A lista első eleme.</li>
   <li value="5">A lista második eleme.</li>
   <li>A lista harmadik eleme.</li>
</ol>

és a stíluslapja:

ol {list-style-type: lower-alpha}

Listák - Lista jelölő stílus (list-style-type) tulajdonság

Egy lista jelölőjének típusát a list-style-type tulajdonság beállításával adhatod meg. A tulajdonság értéke akkor érvényesül, ha a list-style-image tulajdonság értéke none, vagy ha a kép, amire az elérési út mutat, nem jeleníthető meg.

A CSS szabvány szerint a tulajdonság értéke automatikusan öröklődik, de a valós helyzet ennél egy kicsit bonyolultabb. A jelölő típusát az ol illetve ul elem stílusában szokták deklarálni, amit a listát alkotó li elemek megörökölnek. Egymásba ágyazott listák esetén viszont a beágyazott lista nem örökli a szülő elem beállítását.

A list-style-type tulajdonság lehetséges értékei számozatlan listák esetén:

• disc: kitöltött kör
• circle: üres kör
• square: négyzet
• none: nincs listajelölő
• inherit: érték a szülő elemtől örökölve

A tulajdonság alapértéke disc. Ha több lista van egymásba ágyazva, akkor a legtöbb böngésző alapbeállítása szerint az első szintű listaelemek jelölője kitöltött kör lesz, a második szintűeké üres kör, a harmadik szintűeké pedig négyzet.

A list-style-type tulajdonság gyakrabban használt értékei számozott listákesetén:

• decimal: számok (1, 2, 3…)
• decimal-leading-zero: nulla kezdetű számok (01, 02, 03…)
• lower-roman: kis római számok (i, ii, iii…)
• upper-roman: nagy római számok (I, II, III…)
• lower-greek: görög kisbetűk (α, β, γ…)
• lower-latin vagy lower-alpha: kisbetűk (a, b, c…)
• upper-latin vagy upper-alpha: nagybetűk (A, B, C…)

A CSS2 készítői nem részletezték a szabványban a jelölők megjelenítését (szín, méret, elhelyezkedés a listaelemhez képest, stb.), azt a böngészőprogramok készítőire bízták. Ezért a listák megjelenítésében vannak kisebb eltérések a különböző böngészők között, de ez általában nem zavaró sem a weblap készítője sem pedig annak olvasója számára.

Szintén nem részletezi a CSS szabvány, hogy mi történjen akkor, ha a listajelölő betű és a sorszámozás elérte az ABC végét. Ezért hosszabb listák sorszámozásához numerikus jelölőt érdemes választani.