Hogyan helyezze el a listát vízszintesen? Példák az elegáns design ul li Li listák CSS-nek felel meg az OL.

Folytatjuk a beszélgetéseinket a HTML kezdeteiről. Ebben a cikkben szeretnék beszélni arról, hogyan hozhat létre bekezdéseket, listákat és címsorokat a szövegben. Valamint a magányos címkékről
és

Azt javasoljuk, hogy megismerkedjen az első lecke ebben a sorozatban, valamint a bevezető cikket az elején a tanulmány HTML azoknak, akik még nem ezek megismerésére.

Most továbbra is tanulmányozzuk a címkéket. Feltételezem, hogy az olvasó már ismeri a fenti cikkek anyagát.

Mint mindig, a munkaterv:

1. Bekezdések
2. Reszes sorok
   
3. Listák és listák
4. Főcímek
5. Horizontális szabályok

   ---

Bekezdések

A szöveg szinte mindig bekezdésekből áll. A bekezdés a teljes gondolatot hordozó szöveg eleme.

A HTML bekezdésben hogyan lehet megítélni a fejlécet, jelezve van. A "P" betű a "bekezdés" szóból származik, amely a "bekezdés" jelzi a "bekezdést".

Tekintsünk egy példát:

Az első bekezdés szövege. Gondolatokat tartalmaz. De a gondolat véget ért.

Most már megkezdődött a másik gondolat, és egy másik bekezdésbe írjuk.

Amint látható, a bekezdések használata nagyon egyszerű, és nem igényel különleges észrevételeket. Ha megnézed ezt a kódot a böngészőben, akkor két vonalat fogunk látni, amelyek között van egy üres karakterlánc. Az orosz szövegeknél a bekezdés nem egy üres karakterláncot, hanem az első vonal jobbra irányítását. De az interneten gyakran alkalmazzák pontosan ilyen formázás, így gyakran elhagyja az orosz nyelvű szövegekben. Ha azonban az ilyen viselkedés nem felel meg, akkor a CSS segítségével módosítható.

Reszes sorok

Néha szükséges a karakterlánc lefordítása anélkül, hogy a gondolat véget érne a bekezdés lezárása nélkül. Ez az, csak menjen egy új stringre. Ehhez egy címke van.
. Itt van egy példa az alkalmazására:

A szél szórakoztató séta

És a hajó testre szabott

A hullámokban fut
A felemelt vitorlákon.

Ez a Fragmet Poem A.S. A Pushkin segített nekünk illusztrálni a címke hatását
. Különösen a Quatrain két sora a kód egyik sorában közzétettem, hogy megmutassuk, hogy a vonalakat az új sorba továbbítják, mert a vonalak átadását, és mert címkéket helyeztünk
. Ez a címke teljesen egyszerű, és nincs szüksége részletes magyarázatokra, ezért befejezjük a megbeszélést.

Felsorol

és a listák elemei

Néha a szövegben felsorolnia kell valamit. Ebből a célból három címkét használnak: ul, ol, li. Mindezek a tartály címkék, de a címke mindig az egyik tartályban van, vagy nincs értelme kívül őket. Az UL konténer akkor érvényes, ha nem vagyunk fontosak a felsorolt \u200b\u200bpozíciók sorrendjében, és nem szeretnénk összpontosítani a sorrendben. És az OL címke, éppen ellenkezőleg, az elemek sorrendjére összpontosít, az egyes sorok automatikusan kiszámolása. Tekintsünk egy példát:

• Ömlesztett


• Pite


• Cipó


• Pite

A böngésző képernyőn ez a kód így fog kinézni:

• Ömlesztett
• Pite
• Cipó
• Pite

Ha egyszerűen cseréljük ki az ul címkét az OL tagon, akkor kapunk egy számozott listát:

1. Ömlesztett


2. Pite


3. Cipó


4. Pite

Most úgy néz ki, mint ez:

1. Ömlesztett
2. Pite
3. Cipó
4. Pite

Senki sem tiltja meg az egyik listát a másikba, amely beágyazott listákat képez a szamárral:

Eszközök:

• Látta


• Csavarhúzók
  
  
  
  1. Egyenes
  
  
  2. Kereszt
  
  
  
  


• Fúró

Kísérletesek egy kicsit kísérletezni ezekkel a listákkal, hogy megtanulják őket. Van egy másik fajta listák, de ritkán alkalmazzák, ezért most nem fogok mondani róla. Talán egy másik cikkben.

Természetesen, mint minden más, ezeknek az elemeknek a megjelenése a CSS-t használó felismerésen túl lehet megváltoztatni.

Főcímek

Természetesen a bekezdések segítenek a dokumentumok strukturálásában. De annak érdekében, hogy összetörjön egy nagy szöveg kisebb logikai részek, akkor jogosult mindegyikükre. Minden egyes rész is tartalmazhat feláldozást, alacsonyabb szintű fejlécekkel, és így tovább. A fejléc feladatához szolgálja a címkéket ahol az "x" szám 1-től 6-ig. A fejléc az alsó szint, annál nagyobb a szám. Ez az, hogy a legmagasabb szint címe H1, és a legalacsonyabb - H6. Alapértelmezés szerint a címsorokban található szöveg nagy betűtípussal jelenik meg. Ez a szöveg megjelenik az egész karakterláncon, azaz a HX címkék blokkok. A H1 címke a legnagyobb betűtípus, és a H6 tag a legkisebb. Általános módon az egyik, maximum - két címke a felső szint H1. A szint csökkenésével a címkék száma nő. De ritkán, mivel a webmester megszakíthatja a szöveget, hogy 5 vagy 6 szintre legyen szüksége. Még a 4. szintet is ritkán alkalmazzák.

Beszéljen kevesebbet, dolgozzon többet!

Elem

(Angolul. A "rendezetlen lista" - "rendezetlen lista") megjelölt (rendezetlen) listát hoz létre. Általános szabályként
Az ilyen listák létrehozására szolgál, ahol a lista elemeinek sorrendjének változása nem változtatja meg jelentősen a lista jelentését.

Címke

Az elemek blokkolására utal, így az összes szélességet elérheti, és a magasság mérete a tartalom mennyiségétől függ.

A számozott listákra vonatkozó pontokat a címkével határozzák meg

• amely a szöveg mellett más HTML elemeket (listákat, képeket, címsorokat, bekezdéseket stb.) tartalmazhat. Alapértelmezés szerint a megjelölt listák egy weboldalon jelennek meg egy kis fekete körmel kezdődő lista formájában. Böngészők A lista elemeinek megjelenítése során adjunk hozzá egy kis fűtést a bal szélről.

  Jegyzet:Ha K.

  A CSS tulajdonság vonatkozik, majd elemek
  • Örökölje ezeket a tulajdonságokat.

    Tipp:Ha módosítani szeretné a marker, használja az CSS list-style-type tulajdonsággal vagy a list-style-image tulajdonság, amely lehetővé teszi, hogy cserélje markerek a képeket. A számozott listák létrehozásához használja a címkét

    .

    Szintaxis

    ...
    • ...
    ...

    Záró címke

    Kötelező.

    Tulajdonságok

    A HTML5-ben megtartott kompakt, csökkenti a francia bekezdéseket és a sorok közötti távolságokat. A HTML5 típus beállítja a lista marker nézetét.

    Ehhez az elemhez globális attribútumok és események.

    Stilizáció alapértelmezés szerint

    A legtöbb böngésző egy elemet jelenít meg

    Alapértelmezés szerint a következő CSS-értékekkel:

    UL (display: block; List-style-type: Disc; margin-top: 1em; margin-bottom: 1 em; margin-left: 0; margin-right: 0; padding-left: 40px;)

    A HTML 4.01 és HTML5 közötti különbségek

    A kompakt és típusú attribútumok nem támogatott HTML5.

    Példa a használatra:

    Rendezetlen HTML-lista:

    HTML Példa:

    Próbáld ki magad
    • Kávé
    • Tea
    • Kakaó

    Előírások

    Leírás	Állapot
    Whatwg html élő standard (whatwg)	Élő szabvány
    HTML 4.01 (W3C)	Ajánlást
    HTML5 (W3C)	Ajánlást
    HTML 5.1 (W3C)	Ajánlást

    Támogató böngészők

    Próbálja ki magad - példák

    Hogyan kezdeményezzük a lista az 1-től eltérő számmal kezdődik.

    A listák számozottak és nem számozottak.

    A számozott listák a kód:

    Lista számokkal
    1. (1) bekezdés
    2. 2. pont
    3. 3. pont

    A kódot nem számozott listák jelennek meg:

    Listája jelölőnégyzetekkel vagy más szimbólumokkal
    • (1) bekezdés
    • (1) bekezdés
    • (1) bekezdés

    Minden lista minden elem Li tag. A lista minden eleme egy közös ul vagy ol címkével zárul. Ezeknek a címkeknek a stílusait a stíluslapon írják elő.

    Minden egyes címke bizonyos tervezési stílushoz rendelt. Jelzik a szövegből származó francia bekezdéseket.

    A számozott lista esetében a számozási stílusok minden elemre kerülnek előírva.

    A standard arab számokat a tizedes érték írja le.

    lista-stílusú típus: decimális; / * Arab számok * /

    A megjelölt listán szerepel a karakterek stílusát - négyzetek vagy körök.

    lista-stílusú típus: kör; / * Bögrék * /
    Lista-stílusú típus: négyzet; / * Négyzetek * /

    Minden menüponthoz egy képet lehet hozzárendelni.

    lista-stílusú kép: URL ('PATH tO kép ");

    Általában a sablonokban a számozott lista egyszerű számokkal rendelkezik, és nem számozott - fekete négyzetek és körök. Unalmas és permepentíven. Javítsuk meg.
    

    Hol vannak a listák stílusai a sablonban huszonöt tizenegy?

    Nyílt stílus.css stílusfájl. Keressen egy részt / * szöveges elemeket * /

    A szabványos kód így néz ki:

    Hogyan lehet megszervezni a számozott listát?

    Számozott lista a háttér használatával

    Nézd meg ezt a aranyos listát.

    Mint? Ismételjük meg.

    Keressen stílusokat OL címke. Nyomja meg az új tulajdonságokat.

    OL (kitöltés: 0px 0 0 20px; margin: 0 0.5em 1.571em 1.9em; color: # 2e2e2e; List-style-type: none; font: 15px / 17px Verdana, Arial, Helvetica, sans-serif; z-index : 2, ellenállás: pont;) OL Li (margó-alsó: 4px; vonalmagasság: 1.6; szín: # 2E2E2E; pozíció: relatív;) OL LI: előtt (margó): 4px; ellentmondás: 1. pont; vonalmagasság: 1.6; magasság: 24px; margó-balra: -36px; balra: 0px; szélesség: 24px; margó-tetején: 1px; háttér: # bdc3c7; tartalom: számláló (pont); szöveg-igazítás: Központ; Pozíció: Abszolút; Betűtípus: Bold;)

    Annak érdekében, hogy megértsük, hol kell változtatni a tervezés alatt, elemezzük ezt a kódot a polcokon.

    lista-stílusú típus: nincs; - Letiltja a szabványos számjegyeket
    Visszaállítás: pont; - Megadja a számozószámláló változóját
    Pozíció: relatív; - a számozást magukhoz közelítik

    előtt - pszeudo-elem OL Li tag. A következő stílusok vannak:
    Tartalom: számláló (pont); - Megjeleníti a változó értékét
    Ellenőrzés: 1. pont; - Növeli a számlálót 1
    Pozíció: abszolút;
    Háttér: # BDC3C7; - A számok háttere (háttér vagy gyönyörű ikon)
    Margin - Külső francia bekezdések
    Padding - Belső francia bekezdések
    Színes szöveges színelem
    Háttér - háttér
    Szöveghez igazítás - Szöveges igazítás
    A betűtípus vastagsága (telítettség)

    A stílusokban megadhat bármilyen színeket, igazításokat, betűméretet és bemélyedést.

    Számozott lista egyedi képet minden elemhez

    Egy női webhelyen nagyon vonzó számozott listák vannak.

    Hogyan valósul meg? Nézzük meg a következő kódot:

    / * Első szám * / OL LI: első gyermek (lista-stílusú kép: URL (útvonal elérése a számmal 1);) / * második szám * / ol Li: nth-child (2n) - Kép: URL (elérési út a számmal 2);) / * Harmadik szám * / ol Li: nth-child (3n) (List-style-kép: URL (Útvonal a képhez 3);) / * Negyedik szám * / OL Li: nth-child (4n) (List-style-image: URL (Útvonal a képhez 4 számmal);) / * Következő, pontosan csak a következő pontokért írjuk elő * /

    Az ilyen számozott lista kódjában felsorolnia kell az elemek összes pontját, és mindegyiküket egyedi ikon hozzárendeléséhez.

    Ha legfeljebb 20 számozott elemet használ a cikkekben szereplő cikkekben, akkor regisztrálnia kell az NTH-Child (a) pszeudo osztály 20-szor. Annak érdekében, hogy az utóbbi a stílusban egy pszeudo-osztályú nth-child (20n) volt.

    Keresse meg a Stitch stílusokat a stílusban, amely leírja a számozott lista (Ol Li címkék) tervezését.

    Kivonja az első gyermek pszeudo-gyermeket. Másolja és illessze be egyszer, majd változtassa meg ezt a tulajdonságot az nth-childre (a) és másolja, amennyire a számoknak meg kell adniuk az ikont. Csúszós elemek.

    Minden számra szopni a List-Style-image tulajdonságot saját egyedi ikonjával.

    Ha a webhelyen található ikonok messze vannak a tételektől, vagy helyezkednek el rájuk, akkor szerkesztenie kell a digitális ikonok vagy a szöveges pontok beillesztését.
    

    Hogyan szervez egy megjelölt (nem mért) listát?

    Képernyő Li Li Lista váltakozó ikonokkal

    Nagyon tetszett egy ilyen megjelölt listát

    UL (Padding: 11px 0 5px 0;) ul li (padding-balra: 32px; margó-alsó: 10px; betűtípus: normál 15px-es verdana, sans-serif; szín: # 2e2e2e; vonalmagasság: 1.6; 1px szaggatott #ccc; padding alul: 10px;) ul li: korábban: abszolút; szélesség: 27px; magasság: 24px; margó-balra: -35px; margin-top: -2px; háttérkép: URL ("Képek / Sprite. jpg ") 0px 2px No-Repeat; Lista-stílusú típus: kör;) ul li: nth-child (2n): korábban: abszolút; szélesség: 27px; magasság: 43px; margó-bal oldali: -35px : -2px; Háttér: URL ("képek / sprite.jpg") 0px -17px No-Repeat; Lista-stílusú típus: kör;)

    A szabványos lista-stílusú stílus helyett a "útvonal elérési útja" tulajdonság - Lista-stílusú kép: URL. De akkor kell regisztrálnia egy külső bal oldali fekvést a webhely görcsökből - anélkül, hogy az ikonok nem jelennek meg, akkor túlmutatnak a tartalmi terület területén.

    A kísérlethez egy bemélyedést lehet hozzárendelni:

    Ul li (képek / rádió.png); margó-balra: 30px;)

    Az ikonok váltakozása az NTH-Child (A) tulajdonság állítható be. A példa a Beforee Pseudo-elemet használja.

    A kód regisztrált egy pszeudo-osztályú nth-child (2n). Értéke - 2. Kiderül, hogy egy másik azonosító megfelel egymásnak. Ha a 2n írás helyett 2n + 1, akkor a másik ikonnak páratlan elemeket kell elérnie.

    Minden listaelem esetében beállíthatja az alsó aláhúzást. A fenti példában az elemeket pontosan hangsúlyozzák.

    Mindegyik elem is hozzárendelhet egy keretet, háttér, ikonok. Csak ne tartsa véglegesen. Feladatunk - nem ragaszkodunk mindenkinek, kihúzta a tervezést, és javította a tartalom érzékelésének minőségét.
    

    Hogyan jelenítsünk meg néhány listát különböző formatervezéssel az oldalon?

    Néha több listát kell elhelyezni különböző stílusokkal.

    Ha közös stílusokat rendel, akkor ugyanazt a tervezést hozzárendeli az összes listához. Különböző listák jeleníthetők meg, ha OL vagy UL címkét külön azonosítót rendel, és írja be a HTML cikk szerkesztési módba. Nos, az adott azonosító stílusfájljában regisztrálnia kell az egyes stílusokat.

    Itt például egy szép design opció:

    A HTML-ben regisztrálja az ilyen listát:

    Tartalom
    1. (1) bekezdés
    2. 2. pont
    3. 3. pont

    A CSS-ben szopogatsz stílusokat, mint ez:

    OL # SOD (kitöltés: 0px 20px 10px 51px; margin: 0 0 0.5em 0EEM 1EM; color: # 2e2e2e; list-style-type: none; background: # F1F4F5; border-left: # BDC3C7 4px SZILÁRD; Kijelző: Soros - blokk;) ol # sod Li () OL # SOD Li: előtt (betűtípus-súly: normál! Fontos)

    Az új stílus különbözik az OL címke fő kialakításától: háttér, megjelenítési stílus, vonal balra a tartalom.

    A szövegben a listák több különböző listája van, akkor az információ még érdekesebb. Ha bármilyen elemet figyel, beállíthat néhány ikont, és a műveletek átadásakor - mások. Itt a design csak a fantáziára korlátozódik.

    Ezek a módszerek alkalmazhatók, és a menüelemek, a rubrikák és bármely más webhelyelemek tervezésénél.
    

    Hogyan hozzunk létre egy armatúra linkeket a tartalmi listában?

    Hogyan regisztráljuk őket HTML-kódban? Egy darab kódot kerestek egy horgonyhivatkozást, és egy másik kódot a hely mellett állítottak be, ahol át kell adnunk, amikor rákattintunk a linkre.

    Tartalom
    1. 1. cím.
    2. 2. cím.
    3. 3. cím.

    És a cikk szövegében meg kell írni ezt:

    1. cím ... 2. cím ... 3. cím ...

    Talán több tapasztalt webmesterek javítanak. Csak azt tanácsolom, amit én próbáltam magamban.

    Ha bármilyen kérdése van, akkor örömmel látom őket a megjegyzésekben.

    Ageev Veronica.

    Talán érdekelhetsz:

    Helló, kedves blogolvasók honlapja. Ma keretében ebben a kategóriában, szeretnék beszélni a különböző HTML listák hozhatók létre alapján speciálisan címkék UL, OL, LI és DL. Az UL és LI pár, a jelölt listák OL és Li számozott, és a DL, DT és DD elemek segítségével létrehozzák az úgynevezett definíciós listákat. A beágyazott struktúrák létrehozásának rövid elveit is figyelembe vesszük.

    Szeretném emlékeztetni Önöket, hogy már sikerült, sikerült beszélni a modern, valamint az elrendezések tábláiról (). Ezenkívül megérintettük az alapítványokat, jól tanultunk.

    Jelölt listák alapján címkék ul és li

    Az UL címke a címke listák létrehozásához és a számozott - OL létrehozásához használható. Ezek a címkék párok és blokkok, éppúgy, mint az Elem.

    A külön listaelemek a nyitó- és zárócímke között helyezkednek el, ami viszont a Li nyílásban és záróelemben található. A fentiekből és a HTML listák aljáról a böngésző hozzáadja az egy sorba, hasonlóan a bekezdéscímke által létrehozott visszavonulásokhoz.

    Lássuk például egy címkézett verziót, amely így néz ki:

    • Első sor
    • Második
    • Az utolsó elem

    A nyitó és záró címkék belsejében az UL, csak Li elemek telepíthetők, és bármilyen tartalom (szöveg, kép, fejléc, bekezdések, linkek, és még más listák is beilleszthetők ezen elemekbe.

    Azok. Az UL csak egy megjelölt (nem megrendelt) lista megszervezésére szolgál, és mindaz, amit a weboldalon belül látni fog, a Li elemek tartalmával valósul meg.

    UL esetén megváltoztathatja a jelölő nézetét, és különböző értékeket ír elő a "Type" attribútumhoz. Ha a "Type" (a jelölők megjelenése) az UL elemre nincs megadva, az alapértelmezett jelző nézet megjelenik (lemez - festett a kör színe a kör színében):

    1. - Circle Cream (alapértelmezett);
       • - nem festett kör;
         • - Négyzet

    A példákban a type attribútum, akkor írtak az UL elem segítségével az ilyen típusú markerek az összes elem. De a "Type" attribútum minden egyes Li-címke számára előírható, saját jelölőjének beállítása ehhez az elemhez.

    Egy példa egy megjelölt listára különböző típusú marker minden egyes tétel:

    

    1. Lemezjelző
    2. Jelző nem festett lemez formájában
    3. Négyzet

    Numesed listák a HTML-ben a Tag Ora alapján

    Számozott lista létrehozásához OL címkéket használnak, amelyben az Elemek Li újra elhelyezhető. OL és LI, mint már említettük, blokkok (azaz törekszik, hogy minden a helyén rendelkezésre álló szélesség) és belső OL nem hozható semmi más, mint Li elemekkel.

    Kiderül, hogy az OL és az UL olyan szerviz címkék, amelyek csak a böngésző jelzéséhez szükségesek, milyen lista (címkézett vagy vagy számozott). Az egyes tételek bal oldalán - az egyes tételek bal oldalán nem fogunk jelölőt, hanem a pontot és a mögöttes pontot:

    

    1. Első sor
    2. Második pont
    3. Harmadik karakterlánc

    Ahogy már említettem egy kicsit magasabb, az ul, ol és li elemek képesek használni a típus attribútumot. Lehetővé teszi, hogy konfigurálja a jelölő típusát vagy a beállítást, milyen számokat vagy betűket fognak számozni az elemeket. A számozott listához az attribútum paraméterei a következő értékeket kaphatják:

    1. - A számozás hagyományos arab számokkal történik (ugyanazt az opciót alapértelmezés szerint használják, ha nincs "típusú" attribútum);
       1. - nagybetűk, mint a számozás;
          1. - kisbetűk;
             1. - tőke római számok;
                1. - kisbetűs római számok;

                   Példa egy számozott listára, amely különböző típusú számozási típusokkal rendelkezik:

                   

                   1. a nagy római számok számozásával
                   2. Számozás kis latin betűkkel
                   3. Kis római számozás

                   A számozott listák létrehozásakor lehetőség van a számozás elindítására egy egységből, de az attribútum attribútumban megadott számból. Például:

                   1. Az első elem, amelynek száma az OL tag attribútuma indítása \u003d "23"
                   2. A következő elem, egy egységenkénti számmal
                   3. Még egy másik

                   Az OL esetében új számokat is elindíthat bármely értékről, bármely elemből, az érték attribútumában a kívánt számmal a kívánt számmal. Például:

                   1. Első pont az első számmal
                   2. Ez az elem megkapja az érték \u003d "32" attribútumban megadott számot
                   3. Pont nagyszámú

                   A listák megjelenésének nyilvántartása a CSS-ben (Stílus táblák)

                   De általában a jelölők megjelenését nem adják meg a típus attribútumon keresztül, hanem a megfelelő tulajdonságok előírása.

                   Itt egyszerűen példát adok a nem számozott listák különböző jelölőkre, amelyek megjelenése egy különálló fájlon keresztül van beállítva, lépcsőzetes stílusú asztalokkal.

                   • Első pont
                   • Második
                   • Utolsó

                   De arról, hogy a későbbi cikkekben beszélünk. Ez így van, hogy a jelölők megjelenése az UL ezen a blogon van beállítva. A képeket jelölőként használják: a nem számozott lista rendes tételeihez - a nem mért beágyazott tételekhez -.

                   Különleges és alfektetési listák HTML-kódban

                   A harmadik és az utolsó nézetet "definíciós listáknak" nevezik, és három címkét - DL, DT és DD. A DL beszámol a böngészőre, amely követi a definíciók listáját.

                   Általában ezt a fajtát használják (Nos, vagy azt feltételezték, hogy felhasználásra kerülne), hogy írjanak szótár cikkek (DT címkékben lévő fogvatartottak) és leírásaik (DD címkék fogvatartása).

                   Első időszak

                   Leírás

                   A második kifejezés

                   Leírása

                   

                   Ha megnézed a fenti példát, távolítsa el, hogy a DD elem (kifejezés leírása) eltolódott (40 képponttal) a DT elemhez képest (maga a kifejezés).

                   Általánosságban elmondható, hogy a DL, DT és DD blokk címkék, és a DT elem belsejében csak a vonalcímkékkel rendelkező tartalmat illesztheti be (kiderül, hogy a DT belsejében lehetetlen a címek és bekezdések blokk elemeit használni). És a DD címkéken belül bármilyen elemet és kisbetűket és blokkokat helyezhet el.

                   Beágyazott lista A HTML-t analógiával hozza létre, egyszerűen, de a fő listán belül, az elemek része ismét a nyitó és záró ul vagy ul címke.

                   Kérjük, vegye figyelembe, hogy az adott tétel lezáró Li, amelyben a mellékelt elemet létrehozni fogják, csak a csatolt lista teljes kódja után készülnek (nagyon fontos, hogy megfelelő megjelenítse a weboldalon). A mellékelt lista így nézhet ki:

                   

                   1. A fő számozott első pontja
                   2. Második pont
                      • A beágyazott jelzés első eleme
                      • Második
                      • A megjelölés harmadik és utolsó pontja
                   3. A harmadik elem számozott

                   Sok szerencsét! A blog oldalak honlapján kétértelmű találkozók

                   Lehet, hogy érdekel

                   Hogyan kell behelyezni a HTML Link és kép (fotó) - IMG és egy címkék Válassza ki, opció, textarea, címke, fieldset, legenda - HTML címkék A legördülő listák és a szövegmező formái
                   HTML űrlapok a webhelyhez - címkék formanyomtatvány, bemeneti és kiválasztása, opció, textarea, címke és mások weblevéles elemek létrehozásához
                   Mivel a színek HTML és CSS-kódban vannak beállítva, az RGB árnyalatok kiválasztása a táblázatokban, a Yandex és más programok kibocsátásában
                   Beágyazott és objektum - HTML-címkék a média tartalmának megjelenítéséhez (videó, flash, audio) weboldalakon
                   A H1-H6 fejlécek címkéi és attribútumai, HR vízszintes vonal, RR és P BEKEZDÉS A HTML 4.01 szerint
                   Asztalok a HTML - címkék asztal, TR és TD, valamint Colspan, Cellpadding, Cellpacing és Rowpan létrehozása érdekében
                   Mi a HTML Hypertext Markup Language és hogyan láthatja az összes címke listáját a W3C érvényesítőben
                   Betűtípusok (arc, méret és szín), blokkolás és előre elavult szöveg formázás tiszta HTML-ben (CSS használata nélkül)
                   Iframe and frame - mi az, és hogyan lehet a legjobban használni a keretet HTML-ben
                   IMG - HTML-címke a képek (SRC) beillesztéséhez, az igazításhoz és a szöveghez (igazításhoz), valamint a háttérfeladatok (háttér)

                   HTML-címkék

                   Jelentés és alkalmazás

                   A numerizált (megrendelt) lista olyan tételekre készült, amelyek határozott sorrendben követnek. A számozott lista a címkével kezdődik

                   (rövidítve az angolról rendelt lista. Rendelt lista). A lista minden eleme egy címkével kezdődik
                   1. (List elem).

                      Támogató böngészők

                      Tulajdonság			Opera.		IExplorer.	Él.
                      start, írja be	Igen	Igen	Igen	Igen	Igen	Igen
                      megfordított	Igen	Igen	Igen	Igen	Nem	Nem

                      Tulajdonságok

                      Tulajdonság	Érték	Leírás
                      kompakt.	kompakt.	Nem támogatott HTML5. Azt jelzi, hogy a lista kisebb, mint a szokásos méret (vonalmagasság: 80%). Használja a CSS helyett ezt az attribútumot.
                      	megfordított	Azt jelzi, hogy a megrendelésnek számozott (megrendelt) listában kell követnie. Az attribútumot nem támogatja az Internet Explorer és az Edge böngészők.
                      rajt.	szám	Megadja a számozott (megrendelt) lista kezdeti értékét. Az értékeket egész számnak kell használni, negatív értékeket használhat. A betűkkel (Típus \u003d "A" és Típus \u003d "A"), az attribútumértékben megadott szám az ábécé betű sorozatszáma. Például a Start \u003d "4" illeszkedik a levélhez "D" És a lista megkezdődik vele. A Start \u003d "27" érték használata esetén a számláló visszaáll, míg a lista kétjegyűvé válik ("27" \u003d "AA", "28" \u003d "AB", "29" \u003d "AC" ...) .
                      típus	1 (alapértelmezett) Egy nagy) a (kisbetűs) I (római nagy) Én (római kicsi)	Meghatározza a jelölő típusát, amelyet egy számozott (megrendelt) lista építésében használnak.

                      Példa a használatra

                      1. Első pont Második pont
                      2. Harmadik pont
                      
                      
                      

                      Nézze meg az oldalt, így:

                      1. Első pont.
                      2. A második elem.
                      3. Harmadik pont.

                      Ha azt szeretné, hogy a lista egy meghatározott számból induljon (nem 1), meg kell adnia a címke indítási attribútumát

                      .

                      Például:

                      Egy másik érdekes attribútum típus, amely lehetővé teszi, hogy beállítsák az ábécé számozás ("A" - nagy, "egy" vonalat, vagy a római számok számozását ("I" - a nagybetűs, "i" -ben az alsó regiszter).

                      Tekintsünk egy példát, amelyben minden lehetséges típusú attribútumértéket bemutatunk (eltér az alapértelmezett értéktől):

                      >
                      1. Első pont Második pont
                      2. Harmadik pont
                      >
                      1. Első pont Második pont
                      2. Harmadik pont
                      >
                      1. Első pont Második pont
                      2. Harmadik pont
                      >
                      1. Első pont Második pont
                      2. Harmadik pont
                      
                      
                      

                      Felhívom a figyelmet arra, hogy megengedett, hogy számozott (megrendelt) listákat készítsen más számozott listán (a listán belül

                      3. ):
                         1. Első pont
                            1. Első pont Második pont
                            2. Harmadik pont
                            Második pont
                            3. Harmadik pont
                            
                            
                            

                            Nézd meg az oldalt, így lesz.