Bazuar në bazat, tani do t'i hedhim një vështrim më të afërt elementëve të përdorur për të siguruar strukturën dhe kuptimin pjesë të ndryshme dizajni. Nëse dikush nuk e di, atëherë ul dhe li, kjo është shumë menyra me e mire se sa e thjeshtë teksti i tekstit sepse kur teksti mbështillet, sidomos në celular, futet në mënyrë të përsosur dhe nuk mbështillet rreth shënuesit.
Besohet se listat janë mënyrë e shkëlqyer prezantimi i informacionit në faqe sepse ato janë të lehta për t'u lexuar dhe duken mirë. Shumë njerëz duket se mendojnë se pikat e plumbave janë imazhe të vogla, por në realitet të gjitha ato krijohen më tepër HTML e thjeshtë Kodi. Mund të futni tipe te ndryshme listat në njëra-tjetrën, nëse dëshironi, thjesht mos harroni t'i mbyllni siç duhet. Ju mund të luani me tekstin që dëshironi në të gjitha këto komanda të listës.
Ju gjithashtu duhet të dini se listat fillimisht përmbajnë disa elementë:
1
... Informacion i çrregullt.
2
... Informacioni i porositur.
3
... Përkufizimet.
Fillimi me instalimin:
1. Opsioni:
- Artikulli i listës
- Lista unike
- Listat origjinale
- ZORNET.RU - Për Webmaster
- Një listë tjetër
CSS
Ksangelopan (
diferenca: 19px 0 0;
mbushje: 0;
list-style: asnjë;
kundër-rivendosje: li;
}
.ksangelopan li (
kufiri: 2px solid # 3575ad;
sfond: # d7dee4;
pozicioni: i afërm;
margjina-fund: 17px;
mbushje: 15px 9px;
}
.ksangelopan li: rri pezull (
z-indeksi: 1;
}
.ksangelopan li: para (
kufiri: 2px solid # 2270b3;
pozicioni: absolut;
krye: -14px;
mbushje: 3px 9px;
madhësia e shkronjave: 11 px;
pesha e shkronjave: bold;
ngjyra: # 246 eaf;
sfond: # f2f4f7;
kundër-rritje: li;
përmbajtja: numërues (li);
-webkit-tranzicioni-kohëzgjatja: 0.4s;
kohëzgjatja e tranzicionit: 0.4 s;
}
.ksangelopan li: rri pezull: para (
sfond: # 2672b3;
ngjyra: # f7f9fb;
-webkit-transform: translate (-11px, 0);
-ms-transform: përkthe (-11px, 0);
-o-transform: përkthe (-11px, 0);
transformimi: përkthe (-11px, 0);
}
.ksangelopan li: pas (
përmbajtja: "";
pozicioni: absolut;
kohëzgjatja e tranzicionit: 0.3 s;
-webkit-transition-property: gjerësia;
tranzicioni-prona: gjerësia;
z-indeksi: -1;
sfond: #FFF;
lartësia: 100%;
majtas: 0;
krye: 0;
gjerësia: 0;
}
.ksangelopan li: rri pezull: pas (
gjerësia: 100%;
}
Ky është i gjithë instalimi.
2 Opsioni i dytë:
- Artikulli i listës
- Lista unike
- Listat origjinale
- ZORNET.RU - Për Webmaster
- Një listë tjetër
CSS
Beleduzlopamges (
margjina-fund: 8px;
mbushje: 0;
list-style: asnjë;
kundër-rivendosje: li;
}
.beleduzlopamges li (
pozicioni: i afërm;
kufiri: 2 px solid # 195588;
sfond: # eff3f7;
mbushje: 15px 19px 15px 27px;
diferenca: 12px 0 12px 40px;
-webkit-tranzicioni-kohëzgjatja: 0.3s;
kohëzgjatja e tranzicionit: 0.3 s;
}
.beleduzlopamges li: rri pezull (
sfond: #FFF;
}
.beleduzlopamges li: para (
lartësia e vijës: 32 px;
pozicioni: absolut;
sipër: 4px;
majtas: -39px;
gjerësia: 39 px;
text-align: qendër;
madhësia e shkronjave: 16 px;
pesha e shkronjave: bold;
ngjyra: # f9f5f5;
sfond: # 275b88;
kundër-rritje: li;
përmbajtja: numërues (li);
tranzicioni-kohëzgjatja: 0.2 s;
}
.beleduzlopamges li: rri pezull: para (
gjerësia: 46 px;
}
.beleduzlopamges li: pas (
pozicioni: absolut;
majtas: 0;
sipër: 4px;
përmbajtja: "";
lartësia: 0;
gjerësia: 0;
kufiri: 16px transparent;
kufiri-majtas-ngjyra: # 275b88;
-webkit-tranzicioni-kohëzgjatja: 0.2s;
tranzicioni-kohëzgjatja: 0.2 s;
}
.beleduzlopamges li: rri pezull: pas (
margjina-majtas: 6px;
}
Shkalla qendrore mund të vendoset në mënyrë të pavarur që të përputhet me stilin kryesor të sitit.
3 Opsioni i tretë:
- Skriptet për uCoz
- Modele për uCoz
- Dizajn i faqes në internet
- Stilet për sitin
- Stilimi CSS
CSS
Nizualisanelag (
mbushje: 0;
list-style: asnjë;
kundër-rivendosje: li;
}
.nizualisanelag li (
pozicioni: i afërm;
mbushje: 9px 17px 17px 25px;
margjina-majtas: 39px;
tranzicioni-kohëzgjatja: 0.2 s;
kursori: treguesi;
pesha e shkronjave: bold;
ngjyra: # 343638;
}
.nizualisanelag li: para (
kufiri: 3px transparent;
lartësia e vijës: 35 px;
pozicioni: absolut;
krye: 0;
majtas: -29px;
gjerësia: 41 px;
text-align: qendër;
madhësia e shkronjave: 14 px;
pesha e shkronjave: bold;
ngjyra: # 619dce;
kundër-rritje: li;
përmbajtja: numërues (li);
kohëzgjatja e tranzicionit: 0.3 s;
box-sizing: kufi-kuti;
}
.nizualisanelag li: rri pezull: para (
ngjyra: # 337AB7;
}
.nizualisanelag li: pas (
pozicioni: absolut;
krye: 0;
majtas: -29px;
gjerësia: 41 px;
lartësia: 41 px;
kufiri: 5px solid # 468bd0;
kufi-rrezja: 50%;
përmbajtja: "";
opaciteti: 0,5;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: kufi-kuti;
}
.nizualisanelag li: rri pezull: pas (
animacion: 500ms ease-in-out 0s bounceIn;
errësirë: 1;
}
@keyframes bounceIn (
0% {
errësirë: 0;
transformimi: shkallë3d (.3, .3, .3);
}
20% {
transformimi: scale3d (1.3, 1.3, 1.3);
}
40% {
transformimi: scale3d (.9, .9, .9);
}
60% {
errësirë: 1;
transformimi: scale3d (1.03, 1.03, 1.03);
}
80% {
transformimi: scale3d (.97, .97, .97);
}
te (
errësirë: 1;
transformimi: shkallë3d (1, 1, 1);
}
}
Vjen me animacion i bukur.
4 Opsioni i katërt:
- Elementi i parë për sitin
- Elementi i dytë për sitin
- Elementi i tretë për sitin
- Elementi i katërt për sitin
- Elementi i pestë për sitin
CSS
Mbushje: 0;
list-style: asnjë;
}
.kudezamuden li (
mbushje: 6 px;
}
.kudezamuden li: para (
mbushje-djathtas: 11px;
pesha e shkronjave: bold;
ngjyra: # 4979a0;
përmbajtja: "\ 2606";
kohëzgjatja e tranzicionit: 0.4 s;
}
.kudezamuden li: rri pezull: para (
ngjyra: # 235e90;
përmbajtja: "\ 2605";
}
Është e ngjashme versionet e mëparshme, vetëm ikona vetë është ndryshuar.
Në përgjithësi është përzgjedhje e vogël listat, do t'i japë webmasterit të bëjë një listë të bukur në portal, ku ai vetë mund ta rregullojë më shumë, pasi dëshiron ta shohë.
Nëse ju duhet të vendosni artikuj në një listë të numëruar në vend të një liste me pika, atëherë HTML-ja e renditur do të përdoret këtu. Kjo listë krijohet duke përdorur etiketën ol. Numërimi fillon nga një dhe rritet me një për çdo artikull vijues të renditur të listës me një etiketë li.
Një listë me pika përcaktohet duke shtuar një pikë të vogël përpara çdo artikulli të listës, zakonisht një rreth të mbushur. Vetë lista është formuar duke përdorur një enë
- , dhe çdo artikull i listës fillon me një etiketë
- siç tregohet më poshtë.
- Pika e parë
- Pika e dytë
- Pika e tretë
Etiketa fundore duhet të jetë e pranishme në listë.
Shembulli 11.1 ofron HTML për shtimin e një liste me pika në një faqe interneti.
Shembulli 11.1. Krijo një listë me pika
- Cheburashka
- Krokodili Gena
- Shapoklyak
- Miu Larisa
Rezultati ky shembull treguar në fig. 11.1.
Oriz. 11.1. Pamja e listës me pika
Vini re mbushjen në krye, në fund dhe në të majtë të listës. Dhimbje të tilla shtohen automatikisht.
Shënuesit mund të jenë tre llojesh: rrethi (i parazgjedhur), rrethi dhe katrori. Atributi tip i etiketës përdoret për të zgjedhur stilin e shënuesit.
-
. Vlerat e vlefshme janë dhënë në tabelë. 11.1
- Së pari
- Së dyti
- Së treti
- Së pari
- Së dyti
- Së treti
- Së pari
- Së dyti
- Së treti
- ndryshim në besimin fetar (opsionale: Budizëm, Konfucianizëm, Hinduizëm). Ofertë speciale- Judaizmi dhe Islami së bashku;
- një ndryshim në besimin në pagabueshmërinë e palës së dashur;
- besimi se alienët ekzistojnë;
- preferenca për sistemin politik si më i miri i llojit të tij (opsionale: feudalizëm, socializëm, komunizëm, kapitalizëm).
- Artikulli # 1
- Artikulli # 2
- Artikulli # 3
- ...
- Artikulli # 1
- Artikulli # 2
- Artikulli # 3
- Artikulli # 1
-
- Artikulli # 2-1
- Artikulli # 2-2
- Artikulli # 2-3
- Artikulli # 3
- ...
- Artikulli # 1
- Artikulli # 2
- Artikulli # 1
- Artikulli # 2
- Artikulli # 1
- Artikulli # 2
- Artikulli # 1
- Artikulli # 2
- ...
- disk - një shënues në formën e një rrethi (shembulli ishte më lart)
- rrethi - një shënues në formën e një rrethi transparent (shembulli ishte më lart)
- katror - një shënues në formën e një sheshi (shembulli ishte më lart)
- dhjetore - shënues në formën e një liste të numëruar me numra arabë: 1, 2, 3, ...
- dhjetore-zero kryesore - shënues në formën e një liste të numëruar në numra arabë me zero kryesore: 01, 02, 03, ...
- romake e ulët - shënues në formën e një liste të numëruar në alfabetin romak me shkronja të vogla: i, ii, iii, iv, v
- upper-roman - plumb në formën e një liste të numëruar në alfabetin romak me shkronja të mëdha: I, II, III, IV, V
- shënues i listës në latinisht të ulët Alfabeti latin shkronjat e vogla: a, b, c, d, ...
- latinishtja e sipërme - një shënues në formën e një liste në alfabetin latin me shkronja të mëdha: A, B, C, D, ...
- greqisht e ulët - një shënues në formën e një liste në alfabetin grek me shkronja të vogla
- greqishtja e sipërme - shënues në formën e një liste në alfabetin grek me shkronja të mëdha
- ... Kur vendosni një atribut në një etiketë
- të gjithë artikujt e listës do të shfaqen siç tregon atributi. Por ne mund t'i japim një ose një elementi tjetër shfaqjen tonë. Shembull në foto:
- Artikulli # 1
- Artikulli # 2
- Artikulli # 3
- Artikulli # 1
- Artikulli # 2
- Artikulli # 3
- Artikulli # 1
- Artikulli # 2
- Artikulli # 3
- Artikulli # 1
- Artikulli # 2
- Artikulli # 3
- shënuar me një shënues,
listë me numër —- - çdo element të listës
- shënuar me një numër,
listë përkufizimesh- - përbëhet nga çifte termash- —
- përkufizim.
Çdo listë është një kontejner që përmban elementë të listës ose çifte të përkufizimit të termave. Artikujt e listës sillen si elementet e bllokut, të vendosura njëra nën tjetrën dhe duke zënë të gjithë gjerësinë e bllokut të kontejnerit. Çdo artikull i listës ka një kuti shtesë në anën që nuk merr pjesë në paraqitjen.
Gjenerimi i listave HTML
1. Lista me pika
Lista me pikaështë një listë e parregulluar (nga Lista angleze e pa renditur)... Krijuar me etiketë e çiftuar
... Shënuesi i një artikulli të listës është një etiketë, për shembull, një rreth i mbushur.Shfletuesit shtojnë formatimin e mëposhtëm në kutinë e listës si parazgjedhje:
Çdo artikull i listës krijohet duke përdorur një etiketë çifti
- (nga artikulli i listës angleze).
- në dispozicion.
- Microsoft
- Apple
2. Lista e numëruar
Lista e numëruarështë krijuar duke përdorur një etiketë të çiftuar. Çdo artikull i listës krijohet gjithashtu duke përdorur elementin
- shënuar me një numër,
- ... Shfletuesi numëron elementet sipas renditjes automatikisht, dhe nëse fshini një ose më shumë elementë të një liste të tillë, atëherë pjesa tjetër e numrave do të rillogaritet automatikisht.
Kutia e listës ka gjithashtu stile të paracaktuara të shfletuesit:
- është i disponueshëm atributi i vlerës, i cili ju lejon të ndryshoni numrin e paracaktuar për artikullin e përzgjedhur të listës. Për shembull, nëse për artikullin e parë në listë keni vendosur
- , atëherë pjesa tjetër e numërimit do të rillogaritet në lidhje me vlerën e re.
Për tag
- atributet e mëposhtme janë në dispozicion:
- Microsoft
- Apple
- dhe
- në dispozicion.
- Drejtori:
- Petr Toçilin
- Cast:
- Andrey Gaidulyan
- Alexey Gavrilov
- Vitaly Gogunsky
- Mariya Kozhevnikova
Oriz. 3. Lista e përkufizimeve4. Lista e mbivendosur
Shpesh mundësitë lista të thjeshta nuk mjafton, për shembull, kur krijoni një tabelë të përmbajtjes, nuk mund të bëni pa sende të mbivendosura... Shënimi për listën e mbivendosur do të ishte si më poshtë:
- Paragrafi 1.
- Pika 2.
- Nënklauzola 2.1.
- Nënklauzola 2.2.
- Nënklauzola 2.2.1.
- Nënklauzola 2.2.2.
- Nënklauzola 2.3.
- Pika 3.
Oriz. 4. Lista e mbivendosur5. Lista e numëruar me shumë nivele
Një listë me shumë nivele përdoret për të shfaqur artikujt e listës nivele të ndryshme me dhëmbëza të ndryshme. Shënimi për një listë të numëruar me shumë nivele do të ishte si më poshtë:
- paragraf
- paragraf
- paragraf
- paragraf
- paragraf
- paragraf
- paragraf
- paragraf
- paragraf
- paragraf
- paragraf
Ky shënim i paracaktuar do të krijojë një numërim të ri të bazuar në një për secilën listë të ndërthurur. Për të futur numërimin, duhet të përdorni vetitë e mëposhtme:
kundër-rivendosja rivendos një ose më shumë numërues, duke vendosur një vlerë për të rivendosur;
kundër-rritja specifikon vlerën e rritjes kundër, d.m.th. me çfarë hapi do të numërohet çdo artikull pasues;
përmbajtje - përmbajtja e krijuar, në në këtë rastështë përgjegjës për shfaqjen e numrit përpara çdo artikulli në listë.Ol (/ * hiqni numrin standard * / stilin e listës: asnjë; / * Identifikoni numëruesin dhe jepni emrin li. Vlera e numëruesit nuk është e specifikuar - si parazgjedhje është 0 * / kundër-rivendosur: li;) li : përpara (/ * Ne përcaktojmë elementin që do të numërohet - li. Pseudoelementi para specifikon që përmbajtja e futur duke përdorur veçorinë e përmbajtjes do të shfaqet para artikujve të listës. Kjo është gjithashtu vlera e rritjes së numëruesit (parazgjedhja është 1). * / Kundër-rritje: li; / * Vetia e përmbajtjes shfaq numrin e numëruesve të artikujve të listës () do të thotë se teksti i krijuar është vlera e të gjithë numëruesve me atë emër. Një periudhë e cituar shton një periudhë ndarëse midis numrave dhe një pikë me një hapësirë shtohet përpara përmbajtjes së çdo artikulli të listës * / përmbajtja: numëruesit (li, ".") ".";)
Oriz. 5. Lista e numëruar me shumë nivele
Tabela 1. Atributet e etiketës
atribut Përshkrimi, vlera e pranuar i kundërt Atributi i kundërt specifikon shfaqjen e listës në rend i kundërt(për shembull, 9, 8, 7 ...). filloni Atributi start specifikon vlera fillestare, nga e cila do të fillojë numërimi, për shembull, ndërtimi - artikulli i parë do të caktojë numër serik"10". Ju gjithashtu mund të vendosni llojin e numërimit në të njëjtën kohë, për shembull,
- .
lloji Atributi tip specifikon llojin e shënuesit që do të përdoret në listë (si shkronja ose numra). Vlerat e pranuara:
1 - vlera e paracaktuar, numërimi dhjetor.
A - numërimi i listës në sipas rendit alfabetik, shkronja të mëdha (A, B, C, D).
a - numërimi i listës sipas rendit alfabetik, shkronja të vogla(a, b, c, d).
I - numërimi me numra romakë të mëdhenj (I, II, III, IV).
i - numërimi me shifra të vogla romake (i, ii, iii, iv).3. Lista e përkufizimeve
Listat e përkufizimeve krijohen duke përdorur etiketën
Kutia e listës së përkufizimeve ka stilet e mëposhtme të paracaktuar të shfletuesit:
Për etiketat
- ,
- ,
-
Si parazgjedhje, artikujt e listës numërohen sipas renditjes nga shfletuesi, duke filluar nga një. Nëse dëshironi të filloni numërimin me një jo-një, atëherë përdoret atributi start, i cili specifikon numrin nga i cili do të fillojë lista e numëruar. Atributi pranon numra të plotë si vlerë. Ju gjithashtu mund të ndryshoni rendin e numrave. Kjo bëhet nga atributi reversed, i cili përdoret pa vlera. Atributi i futur në HTML 5 dhe funksionon në të gjithë shfletuesit përveç IE.
Është gjithashtu e mundur të vendosni pamjen listë me numra plumbash... Për këtë, përdoret atributi tip, i cili mund të marrë vlerat "A | a | I | i | 1", që, përkatësisht, do të thotë:
- me shkronja kapitale letra,
- shkronja të vogla latine,
- numra romakë të mëdhenj,
- numra romakë të vegjël,
- Numrat arabë.
Meqenëse të gjitha vlerat e listuara, dhe jo vetëm, mund të vendosen lehtësisht përmes stileve CSS, duke përdorur tip atribut, sipas mendimit të autorit, nuk është e këshillueshme, megjithëse lejohet në HTML 5.
Përdorimi i një liste të numëruar tregohet në shembullin 2.10.
Lista e numëruar Muajt e pranverës me radhë:- marsh
- prill
- Mund
- gusht
- korrik
- qershor
Shembulli 2.10. Duke përdorur elementin "ol".
Nga rruga, shfletuesit i paraqesin të gjitha listat si elemente blloku, kështu që kur shfaqin shembullin, ato janë qartë të dukshme mbushje vertikale... Provoni të shkruani vetë kodin, jepini listave një sfond të verdhë dhe shikoni rezultatin.
Listat me pika. Etiketat
- dhe
- ,
Lista me pika i formuar nga një etiketë e çiftuar
- (nga anglishtja. lista e pa renditur). Vetë elementi "ul" përdoret si një kontejner për artikujt e listës, të cilët formohen, si në rastin e listave të numëruara, etiketat e çifteve.
- dhe ndodhen njëri pas tjetrit.
Listat e pikave përdorin pika rrethore në vend të numrave dhe shkronjave. Ju mund të ndryshoni pamjen e shënuesve duke përdorur stilet CSS. Sa i përket atributit tip, ai u hoq në HTML 5. Pra, kanë mbetur vetëm atribute gjenerike dhe ngjarje.
Lista me pika Muajt e pranverës:- marsh
- prill
- Mund
Shembulli 2.11. Duke përdorur elementin "ul".
Listat e përkufizimeve. Etiketat
- ,
- ,
Lista e përkufizimeve i formuar nga një etiketë e çiftuar
- (nga anglishtja. listë përkufizimesh). Vetë elementi "dl" përdoret si një enë për artikujt e listës. Çdo artikull i tillë, nga ana tjetër, përbëhet nga elementët "dt" (nga anglishtja. term përkufizimi) dhe "dd" (nga anglishtja. përshkrimi i përkufizimit), i formuar, përkatësisht, nga etiketat e çiftuara
- dhe
- ... I pari përmban termin që përkufizohet, dhe i dyti përmban termin përkufizim.
Le të shohim shembullin 2.12 për qartësi.
Lista e përkufizimeve - HTML
- Gjuha standarde e shënjimit të hipertekstit për dokumentet në ueb,
i cili është i kudondodhur në World Wide Web. - CSS
- Gjuha formale për përshkrimin e së jashtmes lloji i dokumentit,
shkruar duke përdorur gjuhën e shënjimit.
Shembulli 2.12. Duke përdorur elementin "dl".
Listat e mbivendosura
Ndonjëherë bëhet e nevojshme për të krijuar listat e mbivendosura, të cilat janë lista të vendosura në pika lista e jashtme... Le të shqyrtojmë krijimin e listave të mbivendosura në shembullin 2.13.
Listat e mbivendosura - Tre lloje të mollëve:
- Antonovka,
- Strefel,
- Kuban.
- Tre lloje dardhash:
- Chizhovskaya,
- Williams,
- Dukeshë.
Shembulli 2.13. Përdorimi i listave të mbivendosura
Siç mund ta shihni, krijimi i listave të mbivendosur nuk është aspak i vështirë. Për ta bërë këtë, duhet të kaloni me kujdes midis etiketës së hapjes
- dhe etiketën mbyllëse
për listat e numëruara dhe me pika, vendosni një listë të ndërthurur të llojit të kërkuar. Për listat e definicionit, lista e mbivendosur duhet të vendoset midis etiketës hapëse- dhe etiketën mbyllëse
... Kjo mund të jetë e nevojshme, për shembull, nëse duhet t'i jepni një termi disa përkufizime.Kërcim i shpejtë në faqet e tjera
- Krijimi i listave në HTML. Etiketat
- ,
- ,
- ,
- ,
- ,
- ,
Kodi duket si ky:
Ndryshimi i shënuesve të etiketave
- duke përdorur CSS
Artikujt e listës me pika të krijuara nga Etiketa
- , mund të shënohet me imazhe arbitrare. CSS përdoret për të ndryshuar llojin e shënuesit. për shembull
Dhe kjo është se si duket në faqe:
C duke përdorur CSS ne mund të përcaktojmë lloje të tjera të shfaqjes së shënuesve. Por duhet ta mbani mend këtë kur vendosni ndonjë stil për etiketën
- , zbatohet për të gjithë elementët e listës.
Listat HTML përdoren për të grupuar pjesë të lidhura të informacionit së bashku. Ekzistojnë tre lloje të listave:
listë me pika —
- - çdo element të listës
Listat e numëruara. Etiketat
- dhe
HTML 5 përdor tre lloje listash: lista të numëruara, të shënuara dhe me përkufizime.
Lista e numëruar i formuar nga një etiketë e çiftuar
- (nga anglishtja. lista e porositur). Vetë elementi "ol" përdoret si një enë për artikujt e listës, të cilat formohen nga etiketat e çiftuara
| Lloji i listës | Kodi HTML | Shembull |
|---|---|---|
| Listë me pika në formë rrethi | ||
| Listë me pika në formë rrethi | ||
| Lista me shënues katrorë |
Lloji i shënuesve mund të ndryshojë pak në shfletues të ndryshëm, si dhe kur ndryshoni fontin dhe madhësinë e tekstit.
Krijimi i një liste me shënues katror është paraqitur në shembullin 11.2.
Shembulli 11.2. Lloji i shënuesit
Ndryshimi i besimeve
Rezultati i këtij shembulli është paraqitur në Fig. 11.2.
Në gjuhën e shënjimit hiperteksti HTML ka një etiketë
- përdoret për të krijuar listat me pika... Ajo mbështetet nga të gjithë shfletues modern dhe ju lejon të shfaqni artikujt në një rend që nuk ka nevojë për numërim. Për shembull, shumë shpesh shfaq artikujt e menusë dhe gjithçka që lidhet me listat në faqe: enët, produktet, pajisjet, mjetet dhe shumë më tepër që duhet të renditen pa treguar përparësinë e këtij apo atij artikulli.
Sintaksa e etiketës
Ky kod është konvertuar në një listë me pika në sit:
Etiketë
- kërkon përdorim i detyrueshëm etiketa mbyllëse
Një etiketë e çiftuar përdoret për të formuar artikujt e listës. Midis etiketave hapëse dhe mbyllëse janë fjalë individuale, fraza, paragrafë, imazhe, copa kodi dhe shumë më tepër, të cilat janë përmbajtja e një liste me pika.
Cila mund të jetë përmbajtja e një liste me pika?Mund të jetë një shumëllojshmëri tekstesh, duke përfshirë fjalë të vetme, fraza dhe paragrafë, imazhe, lista të mbivendosura, pjesë të kodit php dhe shumë më tepër që kanë nevojë për etiketim të thjeshtë.
Secili artikull i listës me pika është i prerë si parazgjedhje 40 pikselë djathtas. Duke përdorur stilet CSS, ne mund të ndryshojmë ekranin të kësaj liste sipas gjykimit tuaj. Etiketë
- është i bazuar në bllok, kështu që zë të gjithë zonën e disponueshme për të, e kufizuar nga skaji i ekranit, një kornizë tabele ose elementë të tjerë të faqes.
Lejohen bashkëngjitjet në listë në listë
për shembull
Etiketoni atributet dhe vetitë
Atributi i etiketës i përdorur gjerësisht
- është një tipar tipi që tregon se si do të duket shënuesi i listës. Mund të marrë vlerat e mëposhtme
1. lloji = "disk" - shënues në formën e një rrethi të mbushur (kjo vlerë është e paracaktuar). Shembulli i diskut ishte pak më lart.
2. type = "rreth" - një shënues në formën e një rrethi transparent
Për shembull:
3.type = "katror" - një shënues në formën e një katrori
Për shembull:
Dhe kjo është se si duket në faqe:
V Lloji CSS shënuesi vendoset duke përdorur atributin list-style-type:
Le të shqyrtojmë se cilat vlera mund të marrë lloji i stilit të listës:
Shënim 2
Atributi mund të caktohet si vetë etiketa
- dhe etiketat
