Bulleted dhe numëruar listat HTML

Ka dy lloje të listave, në gjuhën e HTML: porositura dhe të renditura. Krijimi i tyre është pothuajse e njëjtë. Edhe tags ndryshojnë nga një karakter. Ju gjithashtu mund të krijoni listat multi-nivelit, të cilat mund të përfshijnë të dy numra dhe shënues.

Këto lista mund të konvertohet në të. Ajo të gjitha varet nga imagjinata juaj. Së pari, ne e konsiderojmë listat standarde, të tilla si në Word, dhe pastaj ne do të përmirësuar ato dhe të bëjë nga të gjitha njohjes.

Numëruara Lista HTML

Neutral urdhëroi lista HTML mund të krijohen duke përdorur tags mëposhtme:

1. Zëri i parë Lista

2. Zëri i dytë Lista

3. Pika e tretë Lista

   Simple lista këtu duken si

   Sipas standardeve, çdo send në listë duhet të jetë brenda hapjes dhe mbylljes tag li. Por në qoftë se ju nuk e vënë në etiketë mbyllëse, rezultati është saktësisht e njëjtë. Mbajtës është shumë e zgjuar. Gjatë listën e konvertimit, ai analizon tags hapjes. Nëse ai e sheh një të ri

4. , atëherë automatikisht e vë ata në frontin e .

   Kështu, listat mund të bëhet siç tregohet më poshtë.

   Por nga pikëpamja e profesionistëve është i pasaktë.

   listat bulleted

   Panumërta (ose shënues) listat janë të njëjtë, vetëm në vend të tag ol shkruar ul.

   Në listat bulleted, nuk ka numra ose shkronja - vetëm karaktere të ndryshme, të cilat janë quajtur shënuesve.

   Multilevel numëruara Lista HTML

   Shumë njerëz janë të interesuar në një mundësi të tillë. Prandaj, duhet të theksohet se çdo listë HTML numëruar mund të jetë multilevel. shtresa shtesë mund të jenë të njëjta apo të etiketuar.

   Për të krijuar një listë që është specifikuar në shembullin e mësipërm, ju duhet të shkruani në vijim.

   Vini re se në këtë kod, në kontrast me shembullin e parë, llojin shtuar atribut. Në sajë të tij, ju mund të specifikoni llojin e klasifikim për të dy numëruar dhe për listat shënues.

   Për të numëruar të specifikojë llojin e alfabetit ose numra, si dhe për rastet e tjera - llojin e shënues.

   sorting options listë

   Në qoftë se ju përdorni një të veçantë HTML-tag, listat me numra mund të jetë çdo mënyrë që ju dëshironi.

   Ju mund të specifikoni llojin e atribut për çdo vlerë nga tabela. Ose style klasë css specifikojë list-style-lloj me llojin e dëshiruar klasifikim.

   Përkthimi i vlerave është mjaft e thjeshtë. Mjaft njohuri themelore të gjuhës angleze. Por edhe në qoftë se ju nuk mund të përkthehet fjala "rrethi", "Sheshi", dhe kështu me radhë. N., Ju vizualisht mund të shihni se çfarë është rezultati kur ju të specifikojë këto vlera në atribut të llojit.

   Për listat e numëruara, ju duhet të përdorni opsionet e mëposhtme:

   • 1 - numra arabë;
   • A - uppercase letra ;
   • a - letra vogle;
   • I - uppercase Numrat romak;
   • i - Numrat vogle romakë.

   By default, lista është përdorur gjithmonë me numra arabë. Kjo është, në qoftë se ju nuk specifikon asgjë, ajo është e barabartë për të tipit = "1".

   Përveç kësaj, listat me numra mund të fillojë në çdo pozicion të dëshiruar. Default - përfundimi i 1. Por nëse ju dëshironi, ju mund edhe të fillojë me një njëqind. Për ta bërë këtë, ju duhet të specifikoni atribut të filloni me ndonjë vlerë.

   Përveç kësaj, ajo mund të konkludohet në mënyrë të kundërt. Për ta bërë këtë, shkruani përmbyset.

   Marrja e listave

   Numëruar lista HTML mund të organizohet në mënyrë bukur që ju nuk mund menjëherë të mendoj se kjo është e zakonshme lista, dhe jo një foto e bërë në Photoshop.

   Këtu janë shembuj të bukura të listave.

   Siç mund të shihet nga shembulli, është e mundur për të ndryshuar pamjen dhe numërtimin e vetë elementeve.

   Ju mund të krijoni një listë të rregullt si kjo.

   Në stilet CSS ju duhet të specifikoni dizajnin për tag ol. Vini re se në këtë rast, cilësimet do të aplikohet për të gjitha listat e të gjitha faqet që përdorin këtë skedë stil.

   Konsideroni mishërim i parë me një listë rrethore kontrolloni. Kthehu tek lista e kodit. Ka Set klasë rrumbullakuar-lista. Kjo është ajo me këtë klasë nevojë të kallajxhi, për të bërë bukurinë e tillë. Quajnë klase ju si ju dëshironi.

   Tani e konsiderojnë një dizajn katror.

   Stilet janë shumë të ngjashme. Dallimi është se në rastin e parë ka një element arrestimi përmes opsioneve CSS.

   Mbështetje shfletues

   Është e rëndësishme për të kuptuar se jo të gjithë shfletuesit të mbështesë të gjitha atributet css.

   Për shembull, ju doni të bëni një listë me renditje numerike në mes. HTML-code do të jetë i njëjtë, por rezultati në shfletues të vjetër mund të jenë krejt të ndryshme.

   E njëjta gjë vlen edhe për hartimin e numërimit.

   Siç mund ta shikoni, sheshet rreth numrave në versionet më të vjetra të IE nuk duket, sepse mbajtës nuk e di atributet e reja që ju lejon të bëni një regjistrim të tillë.

   coder profesional duhet të parashikojnë dhe të kuptojnë se jo të gjithë përdoruesit të përdorin kompjuterat moderne. Jo të gjitha instaluar Windows 7, 8, 10. Ekziston një përqindje e përdoruesve të cilët ende ulet në Windows XP dhe përdor një version të vjetër të Internet Explorer.

   Si rregull, pothuajse të gjitha harton moderne për të përmirësuar elementet e tyre nuk janë të mbështetur. Përdorues do të ndjeni se ai nuk ka punuar në hartimin e faqes. Që të gjithë u larguan. Elementet janë të bunched së bashku. Për të shmangur këtë, ju duhet për të numëruar të gjitha mundësitë.

   Disa webmasters janë kthyer një sy qorr ndaj tyre, sepse pjesa e tyre në treg sot është duke u bërë gjithnjë e më pak. Por për profesionist të vlerësojmë çdo vizitor, veçanërisht nëse ajo është një vend komerciale.

   Të bëjë diçka të përshtatshme për të gjithë, ose të marrë parasysh të gjitha mundësitë për të shfletuesit.