Përshëndetje të dashur lexues të faqes së blogut. Sot, brenda këtij titulli, dua të flas për një shumëllojshmëri të listave Html që mund të krijohen bazuar në etiketat e krijuara posaçërisht UL, OL, LI dhe DL. Me ndihmën e një çifti UL dhe LI krijohen lista me pika, me OL dhe LI - të numëruara dhe me ndihmën e DL, DT dhe DD krijohen të ashtuquajturat listime të definicioneve. Do të shohim gjithashtu shkurtimisht parimet e krijimit të strukturave të mbivendosura.
Dua t'ju kujtoj se tashmë kemi pasur kohë, kemi pasur kohë të flasim për bazat e modernes, si dhe për paraqitjen e tabelave (). Për më tepër, ne prekëm bazat, mirë, mësuam.
Listat me pika bazuar në etiketat UL dhe LI
Etiketa UL përdoret për të krijuar lista me pika, dhe OL përdoret për të krijuar lista të numëruara. Këto etiketa janë çiftuar dhe bllokuar, ashtu si elementi LI.
Artikujt e veçantë të listës ndodhen midis etiketave hapëse dhe mbyllëse, të cilat nga ana tjetër janë të mbyllura në një element LI hapës dhe mbyllës. Në krye dhe në fund të listave Html, shfletuesi shton dhëmbëzimin me një rresht, të ngjashëm me dhëmbëzimin e krijuar nga një etiketë paragrafi.
Le të shohim, për shembull, një variant me plumba që mund të duket kështu:
- Linja e parë
- I dyti
- Elementi i fundit
Vetëm elementët LI mund të jenë brenda etiketave UL hapëse dhe mbyllëse, dhe tashmë brenda vetë këtyre elementeve (artikujve), mund të futni çdo përmbajtje (tekst, fotografi, tituj, paragrafë, lidhje dhe madje edhe lista të tjera).
ato. UL shërben vetëm për të organizuar një listë me pika (të pa renditur) dhe gjithçka që do të shihni në një faqe ueb brenda saj zbatohet duke përdorur përmbajtjen e elementeve LI.
Për UL, mund të ndryshoni llojin e shënuesit duke shkruar vlera të ndryshme për atributin "Type" në të. Nëse "Type" (kontrolli i paraqitjes së shënuesve) nuk është specifikuar për elementin UL, atëherë do të shfaqet lloji i paracaktuar i shënuesit (disku - një rreth i mbushur me ngjyrën e tekstit):
- - rrethi i mbushur (i parazgjedhur);
- - rrethi i hapur;
- - katror
Në shembujt e mësipërm, ne kemi shkruar atributin "Type" në elementin UL, duke aplikuar këtë lloj shënuesish për të gjithë artikujt. Por atributi "Type" mund të caktohet për çdo etiketë LI individuale duke vendosur llojin e vet të shënuesit për këtë artikull.
Një shembull i një liste me pika me lloje të ndryshme pikash për secilin artikull:
- Një shënues në formën e një disku të mbushur
- Shënues në formën e një disku të pa lyer
- Sheshi
Listat e numëruara në Html bazuar në etiketën OL
Për të krijuar një listë të numëruar, përdoren etiketat OL, brenda të cilave, përsëri, do të vendosen elementët LI. OL dhe LI, siç e përmenda tashmë, janë bllok (d.m.th., ata tentojnë të zënë të gjithë hapësirën e disponueshme për ta në gjerësi) dhe brenda OL nuk do të jetë e mundur të vendoset asgjë tjetër përveç elementeve LI.
Rezulton se OL dhe UL janë etiketa shërbimi që nevojiten vetëm për t'i treguar shfletuesit se çfarë lloj liste po gjenerojmë (të shënuara ose të numëruara). Në rastin e një të numëruar, në të majtë të secilit artikull nuk do të shohim një shënues, por një numër dhe një pikë pas tij:
- Linja e parë
- Pika e dytë
- Linja e tretë
Siç e përmenda më lart, elementët UL, OL dhe LI kanë aftësinë të përdorin atributin TYPE. Kjo ju lejon të personalizoni llojin e pikës ose të specifikoni se cilët numra ose shkronja do të jenë artikuj të numëruar në listë. Për një listë të numëruar, parametrat e këtij atributi mund të marrin vlerat e mëposhtme:
- - numërimi do të kryhet me numra të zakonshëm arabë (i njëjti opsion do të përdoret si parazgjedhje, në mungesë të atributit "Type");
- - shkronjat e mëdha si numërim;
- - shkronja të vogla;
- - numra romakë të mëdhenj;
- - numra romakë të vegjël;
Një shembull i një liste të numëruar me lloje të ndryshme numërimi për secilin artikull:
- me numërim me numra romakë të mëdhenj
- Numërimi me shkronja të vogla latine
- Numra të vegjël romakë
Kur krijoni lista të numëruara, është gjithashtu e mundur të filloni numërimin jo nga një, por nga numri i specifikuar në atributin START. Për shembull:
- Elementi i parë, numri i të cilit është specifikuar në etiketën OL nga atributi start = "23".
- Artikulli tjetër, me një numër një më të lartë
- Edhe një më shumë
Për OL, mund të filloni gjithashtu një numërim të ri nga çdo vlerë, duke filluar nga çdo artikull, duke shkruar atributin VALUE me numrin e kërkuar në LI-në e hapjes së këtij artikulli. Për shembull:
- Artikulli i parë me numër një
- Ky element do të marrë numrin e specifikuar në atributin vlerë = "32".
- Artikull me një numër të madh
Listat e stilimit në CSS (Fletët e stileve)
Por, si rregull, tani pamja e shënuesve vendoset jo përmes atributit TYPE, por për të cilin shkruhen vetitë përkatëse.
Këtu do të jap vetëm një shembull të pikave të ndryshme për listat e panumëruara, pamja e të cilave vendoset përmes një skedari të veçantë me fletë stili kaskadë.
- Pika e parë
- Së dyti
- E fundit
Por ne do të flasim për në artikujt vijues. Kështu është vendosur pamja e shënuesve UL në këtë blog. Fotografitë përdoren si shënues: për artikujt e zakonshëm të një liste të panumëruar -, për artikujt e mbivendosur të një liste të panumëruar -.
Listat speciale dhe të mbivendosura në kodin Html
Lloji i tretë dhe i fundit quhet "listat e definicionit" dhe ato specifikohen duke përdorur tre etiketa - DL, DT dhe DD. DL i tregon shfletuesit se do të vijojë një listë përkufizimesh.
Zakonisht ky lloj përdoret (mirë, ose supozohej se do të përdoret) për shkrimin e hyrjeve të fjalorit, të përbërë nga terma (të mbyllur në etiketat DT) dhe përshkrimet e tyre (të mbyllura në etiketat DD).
- Termi i parë
- Përshkrim
- Termi i dytë
- Përshkrimi i tij
Nëse shikoni shembullin e mësipërm, do të vini re se elementi DD (përshkrimi i termit) është i zhvendosur (40 piksele) në raport me elementin DT (vetë termi).
Në përgjithësi, DL, DT dhe DD janë etiketa blloku dhe vetëm përmbajtja me etiketa inline mund të futet brenda një elementi DT (rezulton se elementët e bllokut të titullit dhe paragrafit nuk mund të përdoren brenda një DT). Dhe brenda etiketave DD, mund të futni çdo element, si në linjë ashtu edhe në bllok.
Lista e mbivendosur në Html është krijuar sipas analogjisë me një të thjeshtë, por brenda listës kryesore, disa nga artikujt janë përsëri të mbyllur në etiketat hapëse dhe mbyllëse UL ose OL.
Ju lutemi vini re se LI-ja e mbylljes së artikullit në të cilin do të krijohet artikulli i vendosur vendoset vetëm pas të gjithë kodit të listës së mbivendosur (kjo është shumë e rëndësishme për shfaqjen e saktë të tij në faqen e internetit). Lista e mbivendosur mund të duket diçka si kjo:
- Paragrafi i parë i numrit kryesor
- Pika e dytë
- Elementi i parë i plumbit të mbivendosur
- Së dyti
- Paragrafi i tretë dhe i fundit i etiketuar
- Artikulli i tretë i numëruar
Paç fat! Shihemi së shpejti në faqet e faqes së blogut
Ju mund të jeni të interesuar
Si të futni një lidhje dhe një fotografi (foto) në etiketat HTML - IMG dhe A Zgjidh, Option, Textarea, Label, Fieldset, Legend - Etiketat Html të formës me zbritje dhe të kutisë së tekstit 
Format HTML për sitin - etiketat Form, Input dhe Select, Option, Textarea, Label dhe të tjera për krijimin e elementeve të formave të internetit 
Si vendosen ngjyrat në kodin Html dhe CSS, përzgjedhja e hijeve RGB në tabela, Yandex dhe programe të tjera 
Embed and Object - Etiketat HTML për shfaqjen e përmbajtjes së medias (video, flash, audio) në faqet e internetit 
Etiketat dhe atributet e titujve H1-H6, vija horizontale Hr, thyerja e rreshtit Br dhe paragrafi P sipas standardit Html 4.01 
Tabelat në Html - Etiketat Table, Tr dhe Td, si dhe Colspan, Cellpadding, Cellspacing dhe Rowspan për t'i krijuar ato 
Çfarë është gjuha e shënjimit të hipertekstit Html dhe si të shikoni një listë të të gjitha etiketave në validatorin W3C 
Fonti (Fytyra, Madhësia dhe Ngjyra), Blockquote dhe etiketat para janë formatim të tekstit të trashëguar në HTML të pastër (pa CSS) 
Iframe dhe Frame - cilat janë ato dhe si të përdoren më mirë kornizat në Html 
Img - Etiketa Html për futjen e një imazhi (Src), përafrimin dhe mbështjelljen e tij me tekst (rreshtoj), si dhe vendosjen e një sfondi (sfondi)
Në HTML, një grup i tërë etiketash është përgjegjës për organizimin e listave, organizimi i të cilave duhet të ndjekë disa rregulla për strukturimin e të dhënave.
Standardi i versionit të pestë të html mbështet 3 lloje listash: lista me numra, lista me pika dhe lista përkufizimesh. Ai gjithashtu ofron mundësinë për të futur listat brenda njëra-tjetrës, duke krijuar lista të ndërlidhura me shumë nivele.
Lista e numëruar
Lista e numëruarështë një grup elementësh (artikuj të listës) që kanë një sekuencë specifike. Çdo artikull në një listë të numëruar ka një shënues unik që tregon rendin në të cilin duhet të vendoset ky artikull në lidhje me artikujt e tjerë në listë. Si parazgjedhje, pikat për artikujt e listës me numër janë numra. Artikulli i parë shkon nën numrin 1, i dyti nën numrin 2, e kështu me radhë.
Shembujt më të zakonshëm të listave me numra janë recetat për pjata të ndryshme. Meqenëse çdo recetë është një listë e numëruar me një sekuencë të qartë veprimesh.
Për të krijuar lista të numëruara në HTML, përdorni etiketën
- , brenda së cilës ndodhen elementet e listës me të dhëna. Çdo artikull në listë tregohet me një etiketë
- :
Lista e numëruar:
- Kafe
- Çaj
- Qumështi
Shënim: etiketë
- mund të përmbajë vetëm etiketa si fëmijë
- , pra të gjitha përmbajtjet e listës së numëruar duhet të vendosen brenda elementeve
- ... Etiketë
- , nga ana tjetër, nuk ka kufizime në përmbajtje, kështu që ju mund të vendosni paragrafë, foto, lidhje, tabela, lista të tjera, etj.
Lista me pika
Lista me pika- këto janë lista të parregulluara, domethënë lista të parregulluara të elementeve, sekuenca e të cilave nuk ka rëndësi. Të gjitha pikat kanë të njëjtat pika, si parazgjedhje ato shfaqen si rrathë të vegjël të zinj.
Për të krijuar lista me pika në HTML, përdorni etiketën
- , brenda së cilës ndodhen elementet e vetë listës (si në rastin e listave të numëruara, etiketa
- e cila përmban të gjithë përmbajtjen e shfaqur të listës):
Lista me pika:
- Kafe
- Çaj
- Qumështi
Llojet e shënuesve
Pamja e pikave të një liste të numëruar mund të ndryshohet duke përdorur atributin tip. Ky atribut mbështet pesë lloje shënuesish:
Listat me pika nuk kanë një atribut tip, kështu që nuk mund të përdorni HTML për të ndryshuar pamjen e pikës për një listë me pika. Për të ndryshuar llojin e shënuesit, në këtë rast, mund të përdorni veçorinë CSS të tipit list-style, me të cilën, përveç vlerës së paracaktuar, mund të zgjidhni edhe dy lloje të tjera shënuesish: rreth ose katror.
Ndryshimi i pikave për listat:
Titulli i faqes Një listë e numëruar me tiparin = "a":
- Mollët
- Bananet
- Limonët
Një listë e numëruar me atributin tip = "I":
- Mollët
- Bananet
- Limonët
Llojet e shënuesve të listës me pika:
- Mollët
- Bananet
- Limonët
- Mollët
- Bananet
- Limonët
Vetia CSS e tipit list-style, përveç llojeve të pikave për listat me pika, ka shumë lloje të ndryshme pikash dhe për listat e numëruara. Por jo gjithmonë ndryshimi i një lloji standard shënuesi në një tjetër është i mjaftueshëm për ta bërë listën të duket bukur. Për të hartuar listat, është më mirë të përdorni CSS, e cila ju lejon jo vetëm të ndryshoni pamjen e shënuesit, por edhe të zëvendësoni shënuesit me fotografi, të kontrolloni pozicionin e tyre dhe të kontrolloni dhëmbëzimin. Ju mund të shihni se si t'i bëni të gjitha këto.
Lista horizontale
Nëse jeni duke përdorur një kuti liste HTML për të krijuar një meny horizontale, atëherë do t'ju duhet të rregulloni artikujt e listës njëri pas tjetrit në të njëjtën linjë. Ju nuk do të jeni në gjendje ta bëni këtë duke përdorur HTML, kështu që do t'ju duhet të përdorni CSS.
Për të krijuar një listë horizontale, duhet të shkruani një veçori të shfaqjes CSS për artikujt e listës me vlerën inline ose inline-block, në varësi të karakteristikave të tjera që do të përdorni.
Titulli i faqes Lista e numëruar
- Mollët
- Bananet
- Limonët
Lista me pika:
- Mollët
- Bananet
- Limonët
Pas kësaj, të gjithë artikujt në listë do të rreshtohen në një rresht. Ju lutemi vini re se pikat do të zhduken nga artikujt e listës dhe nuk do të ketë as një hapësirë midis tyre, por do të mbetet dhëmbëzimi në të majtë të listës.
Ju mund të shihni se si një listë horizontale mund të shndërrohet në një menu horizontale.
Një nga llojet e listave të zbatuara në HTML është një listë me pika. Përndryshe, listat e këtij lloji quhen të parregulluara ose të pa renditura. Emri i fundit shpesh përdoret si një përkthim zyrtar i emrit të etiketës përkatëse.
- , me ndihmën e së cilës listat e këtij lloji organizohen në dokumente HTML (UL - Unordered List, unordered list).
- (LI - Artikulli i listës). Etiketë
- nuk ka nevojë për një etiketë përfundimtare të përshtatshme, megjithëse prania e tij në parim nuk është e ndaluar. Shfletuesit zakonisht fillojnë çdo artikull të ri të listës në një rresht të ri kur shfaqin një dokument.
Informacioni i dhënë është i mjaftueshëm për të krijuar një listë elementare me pika. Këtu është një shembull i një dokumenti HTML që përdor një listë me pika, e cila shfaqet në një shfletues siç tregohet në Fig. 2.1.
Shembull i listës së pikave Shenjat e zodiakut:
- Dashi
- Demi
- binjakë
- Virgjëresha
- peshore
- Akrepi
- Shigjetari
- Bricjapi
- Ujori
- Peshqit
Oriz. 2.1. Shfletuesi shfaq listën me pika
Vini re se përveç artikujve të listës të shënuar me etiketë
- , mund të jenë të pranishëm edhe elementë të tjerë HTML. Në shembullin e mësipërm, një nga këta elementë është teksti i thjeshtë, i cili nuk është një artikull liste, por luan rolin e titullit të tij.
shënim
Disa tekste shkollore HTML ju udhëzojnë të përdorni etiketën e kontejnerit për të vendosur titullin e listës.
(LH - Kreu i listës, kreu i listës). Ky etiketë aktualisht nuk njihet nga asnjë prej shfletuesve të zakonshëm dhe nuk është pjesë e specifikimit HTML. Kështu, aplikimi i tij bëhet i pakuptimtë, megjithëse nuk do të çojë në asnjë gabim. Në etiketë
- mund të specifikohen dy parametra: COMPACT dhe TYPE.
- .
Shembull regjistrimi:
- .
shënim
Shfletuesit kanë interpretime të ndryshme për të specifikuar një lloj plumbi për një artikull individual të listës. Shfletuesi Netscape ndryshon llojin e shënuesit për këtë dhe të gjithë të mëpasshëm derisa të ndeshet me një ndryshim tjetër të llojit të shënuesit. Internet Explorer ndryshon shënuesin vetëm për këtë element.
Shënuesit grafikë të listës
Grafikat mund të përdoren si shënues të listës, i cili përdoret gjerësisht për të krijuar dokumente HTML tërheqëse dhe të dizajnuara bukur. Në fakt, një mundësi e tillë nuk ofrohet drejtpërdrejt nga gjuha HTML, por zbatohet disi artificialisht. Kjo nuk do të thotë se nuk rekomandohet ose dënohet për ta bërë këtë, por vetëm do të thotë se këtu nuk do të përdoren konstruksione të veçanta të gjuhës HTML.
Për të kuptuar idenë, duhet të kuptoni se si zbatohen listat në faqet HTML. Rezulton se etiketa e listës
- (si dhe etiketat e llojeve të tjera të listave, të konsideruara më poshtë) kryen detyrën e vetme - i tregon shfletuesit që të gjitha informacionet e vendosura pas kësaj etikete duhet të shfaqen me një zhvendosje djathtas (të futur) me një sasi të caktuar. Etiketat
- që tregojnë për artikujt individualë të listës ofrojnë shënues standard të artikujve të listës.
Nëse na duhet të ndërtojmë një listë me shënues grafikë, atëherë mund të bëjmë pa etiketa fare.
- ... Do të jetë e mjaftueshme për të futur imazhin e dëshiruar grafik përpara çdo elementi të listës. Problemi i vetëm që duhet zgjidhur në këtë rast do të jetë ndarja e elementeve të listës nga njëri-tjetri. Ju mund të përdorni etiketat e paragrafëve për këtë
Ose furnizimi i detyruar i linjës
... Një shembull i zbatimit të një liste me shënues grafikë, shfaqja e së cilës është paraqitur në Fig. 2.2 është paraqitur më poshtë:e cila do të transmetohet vetëm një herë. Madhësia e një skedari që përmban një imazh të vogël është gjithashtu jashtëzakonisht i vogël.
shënim
Metodat për krijimin e listave me shënues grafikë diskutohen me radhë në Kapitullin 8.
Me ndihmën e listave html, ju mund të krijoni një menu për faqen tuaj me artikuj dhe nën-artikuj të ndryshëm. Me ndihmën e listave krijohet përmbajtja (harta) e faqes, e cila është shumë e përshtatshme për motorët e kërkimit.
Dhe kështu, ka etiketa "" - ato përcaktojnë një listë me pika.
Etiketat "" - përcaktoni artikujt, domethënë artikujt në një listë me pika.Së pari, le të krijojmë një listë të thjeshtë me disa artikuj:
<html> <kokë> <titull> Lista e thjeshtë me pika HTMLtitull> kokë> <trup> <ul> <li> Njëli> <li> Dyli> <li> Treli> <li> Katërli> ul> trup> html>- Tre
Për shenjat html, mund të vendosni disa lloje që janë të shkruara brenda
etiketa e parë "- "v lloj = ""
- Katër
- Katër
- Mërkuri
- Venusi
- Toka
- Jupiteri
- Saturni
- Neptuni
- Plutoni
- emri "fut një listë tjetër dhe më pas mbylle me etiketën e dytë"
Le të krijojmë një listë në të cilën në vend të pikave do të ketë rrathë të vegjël (pika shpuese). Ky lloj quhet " rrethi"
<html> <kokë> <titull> Lista me pika HTMLtitull> kokë> <trup> <lloji ul = "rreth"> <li> Njëli> <li> Dyli> <li> Treli> <li> Katërli> ul> trup> html>Tani, në vend të llojit "rreth", le të vendosim llojin " katrore"(katrore)
<html> <kokë> <titull> Lista me pika HTMLtitull> kokë> <trup> <lloji ul = "katror"> <li> einli> <li> zweili> <li> dreili> <li> vierli> ul> trup> html>Në mësimet CSS, puna me listat diskutohet në detaje, nga të cilat mund të mësoni se si të vendosni ngjyrat për paragrafët dhe tekstin në to, si dhe si të vendosni vetë llojin e shënuesit (mund të jetë jo vetëm një katror
ose një periudhë - mund të jetë pothuajse çdo personazh).Listat html të numëruara Listat jo vetëm që mund të etiketohen, por edhe të numërohen, pasi ndonjëherë është e nevojshme. Këto mund të jenë numra (1, 2, 3 ...) DHE shkronja të alfabetit anglez me shkronja të vogla dhe të mëdha. Merrni parasysh të gjitha sa më sipër.
Për të vendosur numërimin, përdoren etiketat "".
Lloji është specifikuar brenda etiketës së parë.Numërimi me numra (nga një)
<html> <kokë> <titull> Lista html e numëruartitull> kokë> <trup> <ol> <li> Një herëli> <li> Dyli> <li> Treli> <li> Katërli> ol> trup> html>Nëse ju duhet që numërimi të fillojë nga zero (zero) ose nga një treshe, për shembull, atëherë duhet të shkruani në etiketën e parë fillim = "" dhe numrin e dëshiruar.
<html> <kokë> <titull> Lista html e numëruartitull> kokë> <trup> <ol fillim = "0" > <li> zeroli> <li> njëli> <li> dyli> <li> treli> ol> trup> html>Tani le të shohim se si të vendosim "numërimin e shkronjave".
Shkronjat e vogla:
<html> <kokë> <titull> Listat html të numëruaratitull> kokë> <trup> <tip ol = "a"> <li> Mërkurili> <li> Venusili> <li> Tokali> <li> Marsli> ol> trup> html>Me shkronja kapitale:
<html> <kokë> <titull> Listat HTML të numëruaratitull> kokë> <trup> <tip ol = "A"> <li> Jupiterili> <li> Saturnili> <li> Uranili> <li> Neptunili> <li><b> Plutonib>li> ol> trup> html>Përveç listave të zakonshme në html, mund të krijoni lista me shumë nivele, domethënë nënseksione për artikuj të caktuar. Për ta bërë këtë, pas etiketës dhe emrit "
"
<html>
<kokë>
<titull> Lista html me shumë niveletitull>
kokë>
<trup>
<lloji ul = "katror" >
<li> Violinëli>
<li> Kitarë<ul>
<li> klasikeli>
<li> kitarë me ritëmli>
<li> kitarë elektrikeli>
ul>
li>
<li> Daulleli>
<li> Tubli>
ul>
trup>
html>
- Violinë
- Kitarë
- klasike
- kitarë me ritëm
- kitarë elektrike
- Daulle
- Tub
- ... Në këtë rast, një shënues shtohet përballë secilit artikull në listë, si parazgjedhje është një shënues në formën e një rrethi. Duke përdorur etiketat, krijohet një enë, brenda së cilës ndodhen artikujt e listës:.
Kodi i listës me pika do të duket kështu:
- Opsioni është
- Opsioni syakoy
- Një lloj opsioni
Mund të provoni të krijoni një faqe HTML duke përdorur këtë kod dhe për ju, si rezultat ju merrni listën e mëposhtme:
Siç mund ta shihni, çdo artikull i listës vendoset në një rresht të ri, me disa dhëmbje në të majtë, lart dhe poshtë. Çdo artikull në listë fillon me një shënues; një rreth i mbushur (i parazgjedhur), rreth ose katror mund të përdoret si shënues. Etiketë
- ekziston një atribut tip, me ndihmën e të cilit vendoset dhe stili i shënuesit. Ky atribut ka kuptimet e mëposhtme:
- disk - rreth;
- rreth - rreth;
- katror - një katror.
- Opsioni është
- Opsioni syakoy
- Një lloj opsioni
- Opsioni është
- Opsioni syakoy
- Një lloj opsioni
- ... Në këtë mënyrë, ju mund të krijoni një listë me një sërë shënuesish.
- Opsioni është
- Opsioni syakoy
- Një lloj opsioni
Kjo do të rezultojë në sa vijon:
Listat e numëruara.
Listat e numëruara në HTML janë lista në të cilat çdo artikull ka një numër vijues, listat e numëruara krijohen duke përdorur etiketën
- dhe fole në etiketat e saj
-
- Linja e parë
- Rreshti i dytë
- Linja e tretë
Lista duket si kjo:
Si parazgjedhje, numërimi bëhet me numra arabë. Por etiketa
- ekziston një atribut tip, me ndihmën e vlerave të të cilit numërimi mund të bëhet me shkronja të mëdha (lloji = "A") ose të vogla (lloji = "a") me shkronja latine, me numra romakë në sipërme (lloji = " I") dhe regjistri më i ulët (lloji = "i" ).
- ... Etiketë
- krijon një enë për listën, etiketën
- përcakton termin dhe etiketën
- përshkrimi ose përkufizimi i termit.
Kjo listë është shkruar si më poshtë:
- Termi 1
- Përkufizimi i termit 1
- Termi 2
- Përkufizimi i termit 2
- Termi 3
- Përkufizimi i termit 3
Kjo do të rezultojë në listën e mëposhtme:
Siç mund ta shihni, kjo krijon dhëmbëzimin e duhur për termin dhe tekstin e përkufizimit.
Listat e mbivendosura ose të shtresuara në HTML.
Ndonjëherë është e nevojshme të futet një listë tjetër në një element të një lloji të caktuar liste. Në HTML, është e mundur të mbështillni disa lista në elementet e listave të tjera për një kohë të pacaktuar.
Për shembull, këtu është kodi që fut listat me numra në artikujt e listës me pika.
- Opsioni është
- Linja e parë
- Rreshti i dytë
- Linja e tretë
- Opsioni syakoy
- Linja e parë
- Rreshti i dytë
- Linja e tretë
- Një lloj opsioni
- Linja e parë
- Rreshti i dytë
- Linja e tretë
Më poshtë janë versionet e shkurtuara të kodit dhe lloji i numërimit që mund të jetë në një rast ose në një tjetër.
Pamja e listës:
Pamja e listës:
Numërimi me shkronja të vogla të alfabetit latin:
Pamja e listës:
Pamja e listës:
Pamja e listës:
Lista e përkufizimeve në HTML.
Listat e definicionit janë një lloj i veçantë liste. Ato ndryshojnë në atë që çdo element i listës përbëhet nga dy elementë, një term dhe një tekst që zbulon kuptimin e tij. Këto lista krijohen duke përdorur etiketa
Disku është i paracaktuar.
Një shembull i krijimit të një liste me pika me pika në formën e një rrethi:
Si rezultat, lista do të duket si kjo:
Krijo një listë me pika me shënues katror:
Lista do të duket si kjo:
Atributi tip mund të aplikohet për më shumë sesa thjesht një etiketë
- por edhe te etiketa
Mësimi tjetër do të shikojë krijimin e një menuje të thjeshtë bazuar në njohuritë e marra nga ky mësim.
- 4.5 nga 5 bazuar në 2 vota
Shumë shpesh, informacione të caktuara në faqe duhet të paraqiten në formën e listave.
Listat ju lejojnë të organizoni dhe organizoni informacione të ndryshme dhe t'i paraqisni ato vizitorit në një formë të përshtatshme.
Listat HTML vijnë në tre lloje: lista me plumba, lista të numëruara dhe lista përkufizimesh. Le të shohim se si t'i krijojmë ato në rregull.
Lista me pika.
Kjo lloj liste përdoret më shpesh. Një listë me pika në HTML krijohet duke përdorur etiketa
- që tregojnë për artikujt individualë të listës ofrojnë shënues standard të artikujve të listës.
Parametri COMPACT është shkruar pa vlera dhe përdoret për të udhëzuar shfletuesin që të shfaqë këtë listë në një format kompakt. Për shembull, fonti mund të zvogëlohet ose distanca midis rreshtave të listës, etj.
shënim
Aktualisht, prania e parametrit COMPACT në etiketë
- nuk ndikon në asnjë mënyrë në shfaqjen e listave nga shfletuesit kryesorë. Prandaj, përdorimi i këtij parametri është i pakuptimtë, veçanërisht pasi përdorimi i tij nuk rekomandohet nga specifikimi HTML 4.0.
Parametri TYPE mund të marrë këto vlera: disk, rreth dhe katror. Ky parametër përdoret për të detyruar paraqitjen e shënuesve të listës. Lloji i saktë i shënuesit do të varet nga shfletuesi i përdorur. Opsionet tipike të shfaqjes janë si më poshtë:
LLOJI = disku - shënuesit shfaqen me rrathë të mbushur; LLOJI = rrethi - shënuesit shfaqen me rrathë të hapur; LLOJI = katror - shënuesit shfaqen me katrorë të mbushur. Shembull regjistrimi:
- .
Parazgjedhja është TYPE = disk. Për listat e ndërthurura me pika, parazgjedhja është disku në nivelin e parë, rrethi në të dytin dhe katrori në nivelin e tretë dhe më tej. Kjo është pikërisht ajo që bëhet në versionet më të fundit të shfletuesve Netscape dhe Internet Explorer. Vini re se shfletuesit e tjerë mund të shfaqin shënuesit ndryshe. Për shembull, specifikimi HTML 4.0 specifikon një skicë katrore për pamjen e shënuesit që shfaqet kur TYPE = katror.
Parametri TYPE me të njëjtat vlera mund të përdoret për të specifikuar llojin e shënuesve për artikujt individual të listës. Për këtë, parametri TYPE me vlerën përkatëse lejohet të specifikohet në etiketën e artikullit të listës.
- .
Një listë me pika përdor karaktere speciale të quajtura pika listash (shpesh të quajtur bullets, që është shqiptimi zyrtar i termit anglisht bullet) për të theksuar artikujt e saj. Lloji i shënuesve të listës përcaktohet nga shfletuesi dhe kur krijojnë lista të ndërlidhura, shfletuesit do të diversifikojnë automatikisht pamjen e shënuesve në nivele të ndryshme të foleve.
Etiketat
- dhe
Për të krijuar një listë me pika, duhet të përdorni një etiketë kontejneri, brenda së cilës ndodhen të gjithë elementët e listës. Etiketat e listës hapëse dhe mbyllëse ofrojnë furnizime të rreshtave para dhe pas listës, duke e ndarë kështu listën nga përmbajtja kryesore e dokumentit, kështu që nuk ka nevojë të përdoren etiketat e paragrafëve këtu.
.Çdo artikull i listës duhet të fillojë me një etiketë
- e cila përmban të gjithë përmbajtjen e shfaqur të listës):
