Skep 'n aftreklys met html en css

Met `n aftrekkieslys skep jy `n duidelike en hiërargiese oorsig van alle belangrike dele op die bladsy en die onderafdelings wat die bladsy bevat. Jy hoef net jou muis oor die hoofafdelings te beweeg om die onderafdelings te laat verskyn. U kan `n aftreklys skep deur slegs HTML en CSS te gebruik.

Trappe

Deel 1 van 2: Skryf die HTML

Prent getiteld Skep `n aftreklys in HTML en CSS Stap 1
1. Skep jou navigasie-afdeling. Normaalweg gebruik jy
  • Prent getiteld Skep `n aftreklys in HTML en CSS Stap 2
    2. Gee elke afdeling `n klaskenmerk. Ons sal later die klaskenmerk gebruik om hierdie elemente met CSS te styl. Gee beide die houer en die spyskaart hul eie klaskenmerk.
  • klas="nav-omhulsel">
  • Prent getiteld Skep `n aftreklys in HTML en CSS Stap 3
  • 3. Voeg `n lys spyskaartitems by. Die ongeordende lys (
  • 4. Voeg skakels by. As hierdie topvlak-kieslysitems ook na hul eie bladsye skakel, kan jy nou die skakels invoeg. Skakel na `n nie-bestaande anker (soos "#!"), selfs al skakel hulle na niks nie, so die gebruiker se wyser lyk anders. In hierdie voorbeeld lei Kontak nêrens nie, maar die ander twee menu-items doen:
  • Оцените, пожалуйста статью
    Soortgelyk