Navigációs listák.
1.
A legegyszerűbb navigációs, azaz hivatkozási felsorolások.
Valóságbeli megjelenése, a monitoron
Megírása az XHTML - fájlban. ( Css, azaz stíluslap, most nem kell. )
A programleírást megnézem. View.
2.
Navigációk megjelenítése.
Függőlegesen, display formátumban.
A stíluslapon = display : block ; Az XHTML - lapon megírtakat, stíluslappal formázzuk.
Megírása az XHTML - fájlban.
A kékkel jelölt szavak helyére, azon XHTML - lapok elérési utvonalát és elnevezését írd, melyekben megírtad az odavonatkozó dokumentumodat, témakörödet.
A zölddel írt szavak fognak a monitoron megjelenni. Helyükre, egyértelmű szavakat írj, hogy az olvasó könnyen eldönthesse, melyik témakör fog megjelenni, ha rákattint a szövegre.
A programleírást megnézem. View.
A stílusleírást megnézem. View.
3.
Navigációk megjelenítése.
Vízszintes formátumban, egyetlen listasorban.
Valóságbeli megjelenése, a monitoron
Megírása az XHTML - lapon. ( Css, azaz stíluslap, most nem kell. )
- Kékkel írt szavak, nem jelennek meg a monitoron. Helyükre, az XHTML - lapok elérési utvonalát és elnevezését írd.
- Zölddel írt szavak, megjelennek a monitoron. Helyükre egyértelmű, az XHTML - lapokra utaló elnevezést, szavakat, vagy mondatokat írj.
Megírása az XHTML - fájlban.
A programleírást megnézem. View.
4.
Megjelenítés, egy sorban, vízszintesen display formátumban
A stíluslapon = li { display : inline ; }
Valóságbeli megjelenése, a monitoron.
A színeket és a szöveget, tetszés szerint variálhatod.
A programleírást megnézem. View.
A stílusleírást megnézem. View.
5.
Most, a display helyett, class osztályhoz rendeljük a listasorokat.
Első példa:
A listasorok, közös elnevezést kaptak: class = " ali "
Valóságbeli megjelenése, a monitoron:
A programleírást megnézem. View.
A stílusleírást megnézem. View.
Második példa:
Ha, minden listasort, külön névvel látunk el, akkor mindegyiknek más és más megjelenési formát adhatunk.
Most, kétféle listasor elnevezést alkalmazunk. Ezért, kétféle szín megjelenést láthatunk.
Az 1 - 3 - 6 - 8 listasorok, közös elnevezést kaptak: class = " ali "
A 2 - 4 - 5 - 7 listasorok, közös elnevezést kaptak: class = " bli "
A programleírást megnézem. View.
A stílusleírást megnézem. View.