Szövegelemek és formázásuk

A következőkben sorravesszük azokat az eszközöket, amelyekkel a weboldal szövegét megadhatjuk, és azokat is, amelyekkel ennek megjelenését befolyásolni lehet. A munka elkezdéséhez eleinte nem szükséges minden szövegformázási lehetőséget ismerni, azonban ahogy az ember egyre több dokumentumot készít, úgy kezd egyre igényesebbé válni a dokumentum kinézetével szemben is, és egyre több tulajdonság ismeretét fogja igényelni.

A szövegekkel kapcsolatos eszközök közé tartoznak a következők:

  1. A bekezdések
  2. Kiemelést lehetővé tevő elemek
  3. Címsorok megadása
  4. Szövegformázás (színek, betűtípus, betűméret, betűstílus stb.)
  5. Idézetek
  6. Egyéb szövegelemek
  7. Karakterreferenciák

Gyakorló feladat a szövegformázásra

A hivatkozásra jobb egérgombbal kattintva előhívható előbukkanó menü segítségével másold át a nyers weboldalt a saját könyvtárad public_html nevű alkönyvtárába (ha még nem létezik, hozd létre), majd hozz létre 01.css néven hozzá egy stíluslapot. Ennek segítségével végezd el a weboldalon a következő formázásokat:

  1. Formázd az első bekezdést balrazárttá, a másodikat jobbrazárttá, a harmadikat középrezárttá, a negyediket pedig sorkizárttá! Legyen a szöveg háttérszíne világoszöld, a szövegé sötétkék! A bekezdések között a betűmérettel azonos méretű térköz legyen beállítva, míg a bekezdések két oldalán a margó legyen ennek duplája!
  2. Legyen mind a négy bekezdés sorkizárt, köztük semekkora extra térközzel! Az első bekezdés kivételével mindegyik rendelkezzen a betűméretnél kétszer nagyobb első sor behúzással. A szöveg színe legyen piros, de a kiemelések színe fekete legyen. A háttér legyen sárga. A nevek osztályba tartozó elemek legyenek aláhúzva és villogjanak!
  3. A második bekezdést vegye körbe 0.2em vastag keret, amely olyan hatást kelt, mintha a bekezdés kiemelkedne a háttérből. Az oldal háttérszíne legyen zöld, a szövegé sárga, de a keretes bekezdés háttere szürke, szövege fekete legyen. A keret és a bekezdés szövege között legyen 1em méretű üres terület, míg a keret a szomszédos bekezdésektől és az oldal széleitől is legyen 2em távolságra. A többi bekezdés körül a margó minden irányban nulla legyen. A bekezdések legyenek sorkizártak, első soruk 1em behúzással ellátva.

Az utolsó, title azonosítójú bekezdés minden esetben legyen jobbrazárt, 4em térközzel a többi szövegtől elválasztott megjelenésű!



Következik: Listák