Opsomming en genommerde lyste HTML

Daar is twee tipes van lyste, in die taal van HTML: bestel en ongeordende. Hul skepping is byna dieselfde. Selfs tags verskil deur een karakter. Jy kan ook 'n multi-vlak lyste, wat beide genommerde en merker kan die volgende insluit.

Hierdie lyste kan omgeskakel word na willekeur. Dit hang alles af van jou verbeelding. In die eerste plek ons kyk na die standaard lyste, soos in die Woord, en dan sal ons hulle te verbeter en maak uit al die erkenning.

Genommer HTML lys

Neutrale bestel HTML lys geskep kan word met behulp van die volgende merkers:

1. Eerste item lys

2. Tweede item lys

3. Die derde item lys

   Eenvoudige lys hier lyk

   Volgens die standaarde, moet elke item in die lys wees binne die opening en sluiting tag li. Maar as jy nie die sluiting tag sit, die resultaat is presies dieselfde. Die hanteerder is baie slim. Gedurende die lys bekering, ontleed hy die opening tags. As hy 'n nuwe

4. sien, dan sit hulle outomaties in die voorkant van .

   Dus, kan die lyste gedoen soos hieronder getoon.

   Maar uit die oogpunt van professionele mense is verkeerd.

   opsomming lyste

   Ongenommerde (of merker) lyste is presies dieselfde, net in plaas van die ol tag geskryf ul.

   In opsomming lyste, geen getalle of letters - net die verskillende karakters, wat merkers genoem word.

   Multilevel genommerde lys HTML

   Baie mense wat belangstel in so 'n geleentheid. Daarom moet dit in ag geneem word dat enige HTML genommerde lys multi kan wees. Addisionele lae kan dieselfde of benoem wees.

   Om 'n lys wat gespesifiseer in die voorbeeld hierbo te skep, moet jy die volgende te skryf.

   Let daarop dat in hierdie kode, in teenstelling met die eerste voorbeeld, die bygevoeg kenmerk tipe. Te danke aan hom, kan jy die tipe sorteer vir beide getel en vir die merker lyste spesifiseer.

   Vir genommer spesifiseer die tipe alfabet of nommers, en vir die res van die gevalle - die tipe van merker.

   sorteer lys opsies

   As jy 'n spesiale HTML-tag gebruik, kan genommerde lyste enige manier wat jy wil wees.

   Jy kan die tipe kenmerk om enige waarde van die tafel spesifiseer. Of klaskamer styl css spesifiseer die lys-styl-tipe met die gewenste tipe sorteer.

   Vertaling van waardes is eenvoudig. Genoeg basiese kennis van Engels. Maar selfs as jy die woord "sirkel", "vierkant", en so aan. N. nie kan vertaal, kan jy visueel sien wat is die gevolg wanneer jy hierdie waardes spesifiseer in die kenmerk van die tipe.

   Vir genommerde lyste, moet jy die volgende opsies gebruik:

   • 1 - Arabiese syfers;
   • A - hoofletters briewe ;
   • 'n - kleinletters;
   • I - hoofletters Romeinse syfers;
   • i - klein Romeinse syfers.

   By verstek, is die lys altyd met Arabiese syfers. Dit is, as jy nie iets spesifiseer, dit is gelykstaande aan type = "1".

   Daarbenewens kan genommerde lyste te begin op enige verlangde posisie. Standaard - die sluiting van 1. Maar as jy wil kan jy selfs begin met 'n honderd. Om dit te doen, moet jy die begin kenmerk met 'n waarde spesifiseer.

   Daarbenewens kan dit in omgekeerde volgorde afgehandel. Om dit te doen, skryf omgekeer.

   maak lyste

   Genommer HTML lys kan so pragtig gereël word dat jy nie onmiddellik kan raai dat dit die gewone lys, en nie 'n prentjie gemaak in Photoshop.

   Hier is 'n pragtige voorbeeld van lyste.

   Soos gesien kan word uit die voorbeeld, is dit moontlik om die voorkoms en nommers van die elemente self verander.

   Jy kan 'n gereelde lys soos hierdie te skep.

   In die css style wat jy nodig het om die ontwerp vir die ol tag spesifiseer. Let daarop dat in hierdie geval, sal die instellings word toegepas op alle lyste alle terreine wat hierdie styl lêer te gebruik.

   Oorweeg eerste verpersoonliking met 'n omsendbrief tjek lys. Terug te keer na die kode lys. Daar is Stel klas afgerond-lys. Dit is dit met hierdie klas behoefte om te geknoei, om so 'n skoonheid maak. Bel die klas wat jy as jy wil.

   Let nou op 'n vierkantige ontwerp.

   Die style is baie soortgelyk. Die verskil is dat in die eerste geval is daar 'n afronding element deur css opsies.

   leser Support

   Dit is belangrik om te verstaan dat nie alle blaaiers ondersteun al css eienskappe.

   Byvoorbeeld, jy wil 'n genommerde lys in die middel maak. HTML-kode sal dieselfde wees, maar die resultaat in ouer blaaiers kan heel anders wees.

   Dieselfde geld vir die ontwerp van nommering.

   Soos jy kan sien, het die blokkies om die getalle in ouer weergawes van Internet Explorer nie verskyn nie, omdat die hanteerder nie die nuwe eienskappe wat toelaat dat jy so 'n registrasie bekend te maak.

   Professionele kodeerder moet antisipeer en te verstaan dat nie alle gebruikers gebruik moderne rekenaars. Nie alle geïnstalleerde Windows 7, 8, 10. Daar is 'n persentasie van die gebruikers wat nog sit op die Windows XP en gebruik 'n ouer weergawe van Internet Explorer.

   As 'n reël, byna al die moderne ontwerpe te verbeter hul elemente word nie ondersteun nie. Die gebruiker sal voel dat hy nie werk op die ontwerp van die webwerf. Dat al uitgetrek. Elemente saam bondel. Om dit te voorkom, moet jy al die opsies te tel.

   Sommige webmasters draai 'n blinde oog na hulle gewend ter wille van hul aandeel in die mark vandag is besig om minder en minder. Maar vir professionele waardeer elke besoeker, veral as dit 'n kommersiële werf.

   Doen iets wat geskik is vir alle of oorweeg alle opsies vir die leser.