Tudd Intuíció, előadás listák html

Normális tereket több szempontból egyetlen definíciót. de hasznos tudni, hogy ez lehetséges, ha a szükség úgy kívánja.

Típusának kiválasztása listában

Amikor eldönti, hogy használja-e egy adott típusú listát, akkor általában megoldja ezt kérdezi két egyszerű kérdést:







  1. A következő kifejezések (vagy kapcsolódik a név / érték párok)?
    • Ha igen, akkor a meghatározások listáját.
    • Ha nem, akkor ne használja a definíciós lista - menj a következő kérdés.
  • Ami fontos, hogy a sorrendben a lista elemeit?
    • Ha igen, használj rendezett listát.
    • Ha nem, használj rendezetlen listát.

    A különbség a HTML listák és szöveges

    Egy vajon mi a különbség a lista a HTML és némi szöveget markerek vagy számokat írt kézzel. Számos előnye HTML lista:

    Másrészt: a szöveg és a lista nem ugyanaz. Szöveg használata helyett egy listát több munkát igényel, és problémát okozhatnak a dokumentum olvasók. Ezért, ha a kívánt dokumentumot a listához. akkor kell használni a megfelelő HTML listát.

    beágyazott listák







    listatétel tartalmazhat újabb lista - ez az úgynevezett „beágyazott” listán. Ez akkor lehet hasznos dolgokat, mint a tartalomjegyzék, mint például az elején az előadás:

    A lényeg, hogy nem szabad elfelejteni, hogy a beágyazott lista kell tartozniuk egy adott elemet a listából. Hogy tükrözze ezt a kódot, beágyazott lista belsejében van elhelyezve listatétel. A kód a fenti lista a következő:

    Megjegyezzük, hogy a beágyazott lista után kezdődik az elem

  • és a szöveg, amely tartalmazza a lista elem ( „Első fejezet”); és a végén, mielőtt az elem
  • . listáját tartalmazó elem. Beágyazott listák gyakran képezik az alapját a Web-site navigációs menü, mert egy kényelmes módja, hogy meghatározzuk a szerkezet a web-oldalon.

    Elméletileg, ha nem tud olyan listák száma, bár a gyakorlatban ez zavaró lehet, ha túl mélyen beágyazott listák. A nagyon hosszú listák jobb lehet megosztani a tartalmat több listákat fejezetek, sőt szeparált oldalakon.

    Lépésről lépésre például

    Nézzünk egy példát egy lépésről lépésre, hogy az egészet együtt. Tételezzük fel az alábbiakat:

    Menjünk végig a folyamat létrehozása ezen az oldalon. Ebben a részben fog létrehozni az elrendezést, és adjunk hozzá néhány stílus a listákat. Styling nem tárgyaljuk részletesen, mielőtt előadást stílus listákat később ebben a sorozatban.

    Jelölés a főoldalon

    Hozzon létre egy jól formázott HTML oldalt. beleértve a dokumentumtípus kell. elemei html. fej és a test. és mentse el listapelda-main.html. Adj hozzá egy főcímet (h1) „HTML Főzőiskola”, és az alcím (h2) „Receptek”:

    Behúzása li elemek teszi a kód könnyebben olvasható, de nem kötelező.




    Kapcsolódó cikkek