Know-how, előadás, html listák

előző ◈ a következő

A listák arra szolgálnak, hogy az információkat egy kapcsolódó csoportba csoportosítsák, hogy megkönnyítsék egymás kapcsolatát és olvasását. A webes fejlesztés során a listák a navigációhoz gyakran használt alapvető elemek, valamint a hagyományos tartalom.

A listák strukturális szempontból jól alkalmazhatók, mivel segítenek egy jól strukturált, könnyen hozzáférhető és könnyen kezelhető dokumentum létrehozásában. Pusztán gyakorlati okokból is hasznosak - további elemeket biztosítanak a CSS stílusokhoz való csatlakozáshoz a különböző tervezési stílusok számára.

  • Három listatípus
    • Rendezetlen listák
    • Rendezett listák
      • Rendezett lista elrendezése
      • A megrendelt listák elindítása 1-től eltérő számon
    • Lista típus kiválasztása
    • A HTML listák és a szöveg közötti különbség
    • Beágyazott listák
    • Egy lépésről lépésre
      • A főoldal elrendezése
      • Egyes stílusok hozzáadása
      • Receptek oldal
      • A receptek oldal elrendezése
      • Recept oldal kialakítása
    • következtetés
    • További olvasmány
    • Tesztes kérdések

    Három listatípus

    Háromféle listát tartalmaz a HTML-ben:

    • Rendetlen lista - egy adott sorozathoz tartozó kapcsolódó objektumok csoportjának egy meghatározott sorrend nélküli csoportosításához.
    • Rendezett lista - egy adott sorozatban lévő kapcsolódó objektumok csoportosításához használatos.
    • A definíciók listáját a név / érték párok, például a kifejezések és azok definícióinak kiadására használják. vagy idő és események.

    Mindegyiküknek különleges célja van - nem cserélhetők fel!

    Rendezetlen listák

    Nem rendezett listák vagy felsorolt ​​listák akkor használhatók, ha több objektum elhelyezhető bármely sorrendben. Példa erre a bevásárlólista:

    Azonban ezek az objektumok ugyanarra a listára vonatkoznak, az objektumokat bármely sorrendben elhelyezheti, és a lista még mindig értelmes:

    A CSS használatával megváltoztathatja a jelölőt az alapértelmezett stílusok egyikére, használhatja saját képét, vagy akár megjelenítheti a listákat jelölők nélkül is. Megtudhatjuk, hogyan kell ezt csinálni, kicsit később ebben az előadásban, és kicsit tovább bővíthetjük a jövőbeli előadást.

    Rendezetlen listás jelölés

    A rendezetlen listák egy pár címkét használnak

      . több címkepárra kiterjedően
    • :

      Rendezett listák

      A rendezett listák vagy a számozott listák egy objektumlistát jelenítenek meg, amelyet egy bizonyos sorrendben kell elhelyezni. Példa lehet főzésre a főzéshez, amelyet a recept bizonyos sorrendjében kell végrehajtani:

      1. Gyűjtsd össze az összetevőket
      2. Keverjük össze az összetevőket
      3. Helyezze az összetevőket egy sütőedénybe
      4. Sütjük egy órán keresztül a sütőben
      5. Vegye ki a sütőből
      6. Hagyja állni tíz percig
      7. adó

      Ha az elemek listája átrendeződik egy másik sorrendben, akkor az információnak többé nincs értelme:

      1. Gyűjtsd össze az összetevőket
      2. Sütjük egy órán keresztül a sütőben
      3. Vegye ki a sütőből
      4. adó
      5. Helyezze az összetevőket egy sütőedénybe
      6. Hagyja állni tíz percig
      7. Keverjük össze az összetevőket

      A rendezett listák megjeleníthetők egy sor digitális vagy betűrendszernek, azaz betűkkel vagy számokkal. Alapértelmezés szerint a legtöbb böngésző tizedes számot használ, de több lehetőség van.

      • betűk
        • A kisbetűs ascii betűk (a, b, c ...)
        • Lettek ascii nagybetűvel (A, B, C ...)
        • Klasszikus görög kisbetűk: (,, ...)
      • szám
        • Tizedes számok (1, 2, 3 ...)
        • Tizedes számok kezdő nulla (01, 02, 03 ...)
        • Római számok kisbetűvel (i, ii, iii ...)
        • Római számok a felső nyilvántartásban (I, II, III ...)
        • Hagyományos grúz számozás (egy, tilalom, Gan ...)
        • A hagyományos örmény számozás (mek, yerku, yerek ...)

        Itt is használhatja a CSS-t a lista stílusának módosításához.

        Rendezett lista elrendezése

        A rendezett listák egy pár címkét használnak

          . több címkepárra kiterjedően
        1. :

          A megrendelt listák elindítása 1-től eltérő számon

          Rendelendõ listát hozhat létre, amelynek számozása 1 (vagy i, vagy én stb.) Különbözõ számmal kezdődik. Ezt a start attribútummal végezzük. amely számértéket kap, még akkor is, ha a CSS használatával megváltoztatja a lista számozását betűrendes vagy román nyelvre a lista-stílusú típusú tulajdonság segítségével. Ez akkor hasznos, ha van egyetlen objektumlista, de meg szeretné szakítani a listát néhány megjegyzéssel vagy más alkalmas információval. Például ezt az előző példa segítségével teheti meg:

          Ez a következő eredményhez vezet:

          1. Gyűjtsd össze az összetevőket
          2. Keverjük össze az összetevőket
          3. Helyezze az összetevőket egy sütőedénybe

          Mielőtt az összetevőket egy sütőedénybe helyezi, melegítse a sütőt 180 ° C-ra / 350 fok Fahrenheitre, hogy készen álljon a következő lépésre

        2. Sütjük egy órán keresztül a sütőben
        3. Vegye ki a sütőből
        4. Hagyja állni tíz percig
        5. adó

          6. Kapcsolódó cikkek

      előző ◈ a következő