- 4.5 sa 5 batay sa 2 boto
Kadalasan, ang ilang impormasyon sa site ay dapat iharap sa anyo ng mga listahan.
Ang mga listahan ay nagbibigay-daan sa iyo upang ayusin at i-systematize ang iba't ibang impormasyon at ipakita ito sa bisita sa isang maginhawang anyo.
Ang mga listahan sa HTML ay may tatlong uri: bulleted list, numbered list, at definition list. Tingnan natin kung paano likhain ang mga ito sa pagkakasunud-sunod.
May markang listahan.
Ang ganitong uri ng listahan ay ang pinakakaraniwang ginagamit. Ang naka-bullet na listahan sa HTML ay ginawa gamit ang mga tag
- . Kasabay nito, ang isang marker ay idinagdag sa tapat ng bawat elemento ng listahan, bilang default ito ay isang marker sa anyo ng isang bilog. Sa tulong ng mga tag, isang lalagyan ang nilikha, kung saan matatagpuan ang mga elemento ng listahan: .
Ang bullet na code ng listahan ay magiging ganito:
- Pagpipilian tulad nito
- Ang pagpipiliang ito
- Isang uri ng opsyon
Maaari mong subukang lumikha ng isang HTML na pahina gamit ang code na ito at makukuha mo ang sumusunod na listahan bilang resulta:
Tulad ng nakikita mo, ang bawat elemento ng listahan ay matatagpuan sa isang bagong linya, na may ilang mga indent na ginagawa sa kaliwa, itaas at ibaba. Ang bawat item sa listahan ay nagsisimula sa isang marker, na maaaring isang puno na bilog (default), isang bilog, o isang parisukat. Tag
- mayroong isang uri ng katangian, sa tulong ng kung saan ang estilo ng marker ay nakatakda. Ang katangiang ito ay may mga sumusunod na halaga:
- disc - bilog;
- bilog - bilog;
- parisukat - parisukat.
- Pagpipilian tulad nito
- Ang pagpipiliang ito
- Isang uri ng opsyon
- Pagpipilian tulad nito
- Ang pagpipiliang ito
- Isang uri ng opsyon
- . Sa ganitong paraan, maaari kang lumikha ng isang listahan na may iba't ibang mga marker.
- Pagpipilian tulad nito
- Ang pagpipiliang ito
- Isang uri ng opsyon
Ang magiging resulta ay ang mga sumusunod:
Mga listahan na may bilang.
Ang mga may bilang na listahan sa HTML ay mga listahan kung saan ang bawat item ay may serial number, ang mga may bilang na listahan ay nilikha gamit ang tag
- at nakapugad sa mga tag nito
-
- Unang linya LI>
- Pangalawang linya
- ikatlong linya
Ang ganitong listahan ay ganito ang hitsura:
Ang default na pagnunumero ay Arabic numerals. Ngunit ang tag
- mayroong isang uri ng katangian, sa tulong ng mga halaga kung saan ang pagnunumero ay maaaring gawin gamit ang uppercase (type="A") o lowercase (type="a") Latin na mga titik, Roman numeral sa itaas (type= "I") at lower (type="i") rehistro.
- . Tag
- gumagawa ng lalagyan para sa listahan, tag
- nagtatakda ng termino, at ang tag
- paglalarawan o kahulugan ng isang termino.
Naitala listahang ito sa sumusunod na paraan:
- Term 1
- Kahulugan ng termino 1
- termino 2
- Kahulugan ng termino 2
- termino 3
- Kahulugan ng termino 3
Magreresulta ito sa sumusunod na listahan:
Gaya ng nakikita mo, lumilikha ito ng mga naaangkop na indent para sa teksto ng termino at kahulugan.
Mga nested o multilevel na listahan sa HTML.
Minsan kinakailangan na mag-nest ng isa pang listahan sa isang elemento ng isang partikular na uri ng listahan. Ang HTML ay may kakayahang mag-nest ng mga listahan nang walang katiyakan sa loob ng mga elemento ng iba pang mga listahan.
Halimbawa, narito ang code na naglalagay ng mga numerong listahan sa loob ng mga naka-bullet na item sa listahan.
- Pagpipilian tulad nito
- Unang linya LI>
- Pangalawang linya
- ikatlong linya
- Ang pagpipiliang ito
- Unang linya LI>
- Pangalawang linya
- ikatlong linya
- Isang uri ng opsyon
- Unang linya LI>
- Pangalawang linya
- ikatlong linya
Sa HTML, isang buong hanay ng mga tag ang may pananagutan sa pag-aayos ng mga listahan, kung saan dapat tumutugma ang organisasyon nito ilang mga tuntunin pagbubuo ng datos.
Ang pamantayan ng ikalimang bersyon ng html ay sumusuporta sa 3 uri ng mga listahan: mga numerong listahan, mga bullet na listahan at mga listahan ng mga kahulugan. Nagbibigay din ito ng kakayahang mag-nest ng mga listahan sa loob ng isa't isa, na lumilikha ng mga nested multilevel na listahan.
may bilang na listahan
may bilang na listahan ay isang set ng mga elemento (listahan ng mga item) na may isang tiyak na pagkakasunod-sunod. Ang bawat item sa isang may bilang na listahan ay may natatanging marker na nagpapahiwatig ng pagkakasunud-sunod kung saan ito lumilitaw. talatang ito kaugnay sa iba pang mga item sa listahan. Bilang default, ang mga may bilang na marker ng item sa listahan ay mga numero. Ang unang item ay napupunta sa ilalim ng numero 1, ang pangalawa sa ilalim ng numero 2, at iba pa.
Ang pinakakaraniwang mga halimbawa ng mga may bilang na listahan ay mga recipe para sa pagluluto ng iba't ibang pagkain. Dahil ang anumang recipe ay isang numerong listahan, na may malinaw na pagkakasunod-sunod ng mga aksyon.
Upang gumawa ng mga may bilang na listahan sa HTML, gamitin ang tag
- , sa loob kung saan matatagpuan ang mga elemento ng listahan na may data. Nakikilala ang bawat item sa listahan gamit ang isang tag.
- :
Listahan ng numero:
- kape
- tsaa
- Gatas
Subukan »tandaan: tag
- maaari lamang maglaman ng mga tag bilang mga elemento ng bata
- , iyon ay, ang buong nilalaman ng may bilang na listahan ay dapat ilagay sa loob ng mga elemento
- . Tag
- , sa turn, ay walang mga paghihigpit sa nilalaman, kaya maaari kang maglagay ng mga talata, mga larawan, mga link, mga talahanayan, iba pang mga listahan, atbp.
bullet na listahan
bullet na listahan- ang mga ito ay hindi nakaayos, iyon ay, hindi nakaayos na mga listahan ng mga elemento, ang pagkakasunod-sunod nito ay hindi mahalaga. Ang lahat ng mga bullet na item sa listahan ay may parehong mga bullet, bilang default ay ipinapakita ang mga ito bilang maliliit na itim na bilog.
Ang HTML tag ay ginagamit upang lumikha ng mga bullet na listahan.
- , sa loob kung saan matatagpuan ang mga elemento ng listahan mismo (tulad ng sa kaso ng mga numerong listahan, ginagamit ang tag
- , na naglalaman ng lahat ng ipinapakitang nilalaman ng listahan):
Naka-bullet na Listahan:
- kape
- tsaa
- Gatas
Subukan »Mga uri ng marker
Ang mga uri ng bullet sa isang may bilang na listahan ay maaaring baguhin gamit ang uri ng katangian. Sinusuportahan ng katangiang ito ang limang uri ng mga marker:
Ang mga naka-bullet na listahan ay walang katangian ng uri, kaya hindi mo mababago ang uri ng bullet sa isang naka-bullet na listahan gamit ang HTML. Upang baguhin ang uri ng marker, sa kasong ito, maaari mong gamitin ang list-style-type na CSS property, kung saan, bilang karagdagan sa default na value, maaari kang pumili ng dalawa pang uri ng marker: bilog o parisukat .
Pagbabago ng mga marker para sa mga listahan:
Pamagat ng Pahina May numerong listahan na may attribute na type="a":
- Mga mansanas
- Mga saging
- Mga limon
May numerong listahan na may katangiang type="I":
- Mga mansanas
- Mga saging
- Mga limon
Mga uri ng mga marker ng bullet na listahan:
- Mga mansanas
- Mga saging
- Mga limon
- Mga mansanas
- Mga saging
- Mga limon
Subukan »Ang list-style-type na CSS property, bilang karagdagan sa mga uri ng mga marker para sa mga bullet na listahan, ay may marami iba't ibang uri bullet at para sa mga numerong listahan. Ngunit ang mga pagbabago ay hindi palaging pareho karaniwang view isang marker sa isa pa ay sapat na upang gawing maganda ang listahan. Upang magdisenyo ng mga listahan, mas mahusay na gumamit ng CSS, na nagbibigay-daan sa iyo hindi lamang upang baguhin ang hitsura ng marker, kundi pati na rin palitan ang mga marker ng mga imahe, kontrolin ang kanilang lokasyon at kontrolin ang indentation. Makikita mo kung paano gawin ang lahat ng ito.
pahalang na listahan
Kung gumagamit ka ng isang listahan ng HTML upang lumikha ng isang pahalang na menu, kakailanganin mong ayusin ang mga item sa listahan sa tabi ng bawat isa sa parehong linya. Hindi mo ito magagawa sa HTML, kaya kakailanganin mong gumamit ng CSS.
Upang lumikha ng pahalang na listahan, kailangan mong itakda ang CSS display property ng mga item sa listahan sa inline o inline-block , depende sa kung anong iba pang mga katangian ang iyong gagamitin.
Pamagat ng Pahina may bilang na listahan
- Mga mansanas
- Mga saging
- Mga limon
Naka-bullet na Listahan:
- Mga mansanas
- Mga saging
- Mga limon
Subukan »Pagkatapos nito, ang lahat ng mga item sa listahan ay pumila sa isang linya. Pakitandaan na ang mga bullet ay mawawala sa mga item sa listahan at hindi magkakaroon ng puwang sa pagitan ng mga ito, ngunit ang indent sa kaliwa ng listahan ay mananatili.
Paano gawing pahalang na menu ang isang pahalang na listahan, makikita mo.
Ang mga may bilang na listahan ay isang hanay ng mga elemento kasama ang kanilang mga serial number. Ang uri at uri ng pagnunumero ay depende sa mga parameter ng elemento
- , na ginagamit upang lumikha ng listahan. Ang mga sumusunod na halaga ay maaaring kumilos bilang mga elemento ng pagnunumero:
- Arabic numeral (1, 2, 3, ...);
- Arabic numeral na may nangungunang zero para sa mga digit na mas mababa sa sampu (01, 02, 03, ..., 10);
- malaking titik mga titik(A, B, C, ...);
- maliliit na letrang Latin (a, b, c, ...);
- Roman numeral sa malaking titik (I, II, III, ...);
- Roman numeral sa maliit na titik (i, ii, iii, ...);
- Armenian numbering;
- Georgian numbering.
- . Ang halaga ay anumang positibong integer. Hindi mahalaga kung anong uri ng pagnunumero ang itinakda, kahit na ginagamit ang mga letrang Latin bilang isang listahan. Kung pareho ang simula at value na mga attribute ay inilapat sa listahan, ang huli ay mauuna at ang pagnunumero ay magsisimula mula sa numerong tinukoy ng value , tulad ng ipinapakita sa halimbawa 1.
Halimbawa 1 - Baguhin ang pagnunumero ng listahan
Mga listahan - Dapat mong alagaang mabuti ang iyong lugar ng trabaho.
- Ayusin ang pag-iilaw sa silid upang ang pinagmumulan ng ilaw ay nasa gilid o sa likod ng operator.
- Bo makatakas mga komplikasyong medikal inirerekumenda na pumili ng isang upuan na may malambot na upuan.
Ang unang elemento ng listahan sa halimbawang ito ay magsisimula sa Roman numeral IV, dahil ang attribute na start="4" ay tinukoy, pagkatapos ay ang numero V, at ang huling elemento, na wala sa pagkakasunud-sunod, ay itinalaga ang numero X (Fig. 1).
kanin. 1. Roman numeral sa listahan
Pagsusulat ng mga numero
Bilang default, ang isang may bilang na listahan ay may isang tiyak na anyo: una napupunta ang numero, pagkatapos ay isang tuldok, at pagkatapos nito ang teksto ay ipinapakita na pinaghihiwalay ng isang puwang. Ang paraan ng pagsulat na ito ay biswal at maginhawa, ngunit mas gusto ng ilang developer na makakita ng ibang paraan ng pagnunumero ng mga listahan. Lalo na, upang palitan ang tuldok ng isang pagsasara ng bracket, tulad ng ipinapakita sa Fig. 2 o katulad na bagay.
kanin. 2. Uri ng may bilang na listahan na may bracket
Nagbibigay-daan sa iyo ang mga istilo na baguhin ang pagnunumero ng mga listahan gamit ang nilalaman at mga katangian ng counter-increment. Una, ang ol selector ay kailangang itakda sa counter-reset : item , ito ay kinakailangan upang ang pagnunumero sa bawat bagong listahan ay magsimulang muli. Kung hindi, magpapatuloy ang pagnunumero at sa halip na 1,2,3 makikita mo ang 5,6,7. Ang halaga ng item ay isang natatanging counter identifier, kami mismo ang pipili nito. Susunod, kailangan mong itago ang mga orihinal na marker sa pamamagitan ng list-style-type style property na may halagang wala .
Karaniwang gumagana ang content property kasabay ng ::after at ::before pseudo-element. Kaya, sinasabi ng li::before construction na bago ang bawat elemento ng listahan, kailangang magdagdag ng ilang nilalaman (halimbawa 2).
Halimbawa 2. Paglikha ng iyong sariling pagnunumero
Li::before ( content: counter(item) ") "; /* Magdagdag ng mga panaklong sa mga numero */ counter-increment: item; /* Itakda ang pangalan ng counter */ )
Ang content property na may value counter(item) ay naglalabas ng numero; sa pamamagitan ng pagdaragdag ng panaklong, tulad ng ipinapakita sa halimbawang ito, nakukuha natin ang nais na uri ng pagnunumero. kailangan ang counter-increment upang madagdagan ng isa ang numero ng listahan. Tandaan na ang parehong identifier, pinangalanang item , ay ginagamit sa kabuuan. Ang huling code ay ipinapakita sa halimbawa 3.
Halimbawa 3 - Pagbabago sa view ng listahan
Mga listahan - Una
- Pangalawa
- Pangatlo
- Pang-apat
Sa paraan sa itaas, maaari kang gumawa ng anumang uri ng listahan na may bilang, halimbawa, kumuha ng numero sa mga square bracket, sa kasong ito isang linya lamang ang magbabago sa mga estilo.
Nilalaman: "[" counter(item) "] ";
Listahan na may mga titik na Ruso
May numerong listahan na may mga letrang Latin, ngunit walang mga letrang Ruso para sa listahan. Maaari silang idagdag nang artipisyal gamit ang pamamaraan sa itaas. Dahil ang pagnunumero ay ginagawa sa pamamagitan ng mga istilo, ang listahan mismo ay nananatiling orihinal, tanging ang napiling klase ang idinagdag dito, tawagin natin itong cyrilic (halimbawa 4).
Halimbawa 4. Code para gumawa ng listahan
- Isa
- Dalawa
- Tatlo
Ang mga titik ay idinaragdag gamit ang ::before pseudo-element at ang content property. Dahil ang bawat linya ay dapat magkaroon ng sarili nitong titik, gagamitin namin ang :nth-child(1) pseudo-class, ang numero ng titik ay nakasulat sa mga bracket. Ang unang titik, siyempre, ay A, ang pangalawa ay B, ang pangatlo ay C, at iba pa. Ang buong set na ito ay idinagdag sa li selector tulad ng sumusunod (halimbawa 5).
Halimbawa 5 Gamit ang :nth-child Pseudo-Class
Cyrilic li:nth-child(1)::before ( content: "a)"; .cyrilic li:nth-child(2)::before ( content: "b)"; .cyrilic li:nth-child(3)::before ( content: "to)"; )
Sa halimbawang ito, ang bawat titik ay sinusundan ng isang panaklong, lahat ng mga titik ay maliit. Maaari mong tukuyin ang sarili mong uri ng pagnunumero ng listahan, halimbawa, maaari itong maglaman ng malalaking titik na may tuldok, na may isa o dalawang panaklong, o mga titik lamang. Hindi tulad ng standard numbering, malaya tayong gawin ang anumang gusto natin dito. Ang isang listahan ng sampung titik ay dapat na sapat para sa halos lahat ng mga sitwasyon, ngunit kung ito ay biglang lumabas na hindi sapat, walang pumipigil sa amin na palawakin ang aming listahan upang isama ang hindi bababa sa lahat ng mga titik ng alpabetong Ruso.
Sa wakas ay inaayos namin ang pagkakahanay at posisyon ng mga titik, opsyonal na tukuyin ang laki ng font, kulay at iba pang mga parameter (halimbawa 6).
Halimbawa 6. Listahan na may mga titik na Ruso
Listahan - Borsch
- Mga cutlet ng pike
- Kulebyak
- Mga mushroom sa kulay-gatas
- Mga pancake na may caviar
- Kvass
Ang resulta ng halimbawang ito ay ipinapakita sa Fig. 3.
Sa html markup language, mayroong 3 uri ng mga listahan - ordered (numbered), unordered (unnumbered) at definition list.
Upang makabuo ng naturang listahan, 2 uri ng mga elemento ang kailangan: 'ul' (maikli para sa unordered list, ibig sabihin, unordered list) at 'li' (list element). Lahat ng nakasulat sa loob ng 'li' ay minarkahan ng pananda.
Ang hitsura ng naturang listahan ay maaaring kontrolin sa pamamagitan ng pagtatakda ng mga uri ng marker.
Mga uri ng marker
Mayroong isang espesyal na uri ng katangian na nakalagay sa parehong mga elemento ng listahan. Ito ang iyong uri ng pananda. Mayroong 3 uri sa kabuuan: bilog, disk at parisukat:
- - parisukat
- unang elemento
- pangalawang elemento
- huling elemento
- Kagawaran ng marketing
- Ang departamentong ito ay nakikibahagi sa pagsulong ng mga kalakal at serbisyo.
- Departamentong pinansyal
- Pinangangasiwaan ng departamentong ito ang lahat ng transaksyon sa pananalapi.
- BALITA NG ARAW
-
- Ngayon ang ulan
- Uulan buong araw
- BALITA NG GABI
- Uulan sa gabi
- Bukas magsisimula ang bagong araw
- (mula sa English List Item - list item). Ang default ay isang may bilang na listahan na may mga Arabic numeral.
- elemento 1
- elemento 2
- elemento 3
- Subukan ito sa iyong sarili "
- Kunin ang susi
- Ipasok ang susi sa lock
- I-on ang susi ng dalawang liko
- Kunin ang susi sa lock
- Buksan mo ang pinto
- Kunin ang susi
- Ipasok ang susi sa lock
- I-on ang susi ng dalawang liko
- Kunin ang susi sa lock
- Buksan mo ang pinto
- A - malalaking titik na Latin (A, B, C . . .);
- a - maliliit na letrang Latin (a, b, c . . .);
- I - malalaking Roman numeral (I, II, III . . .);
- i - maliit na Roman numeral (i, ii, iii . . .);
- 1 - Arabic numerals (1, 2, 3 . . .) (ginamit bilang default).
- sa sumusunod na paraan:
-
Sa kasong ito, ang sequential numbering ng listahan ay maaantala at mula sa puntong ito ang pagnunumero ay magsisimulang muli, sa kasong ito mula pito.
Halimbawa ng paggamit ng katangian halaga tag
Sa halimbawang ito, ang "First List Item" ay magiging number 1, "Second List Item" ay magiging number 7, at "Third List Item" ay magiging number 8.
Pag-format ng mga numerong listahan gamit ang CSS
Para baguhin ang mga numero ng listahan, gamitin ang property list-style-type css stylesheet:
- . Ini-indent ng browser ang bawat item sa listahan at awtomatikong nagpapakita ng mga bullet.
- Unang punto
- Pangalawang punto
- Pangatlong talata
- hindi kinakailangang maglagay lamang ng teksto, pinahihintulutang maglagay ng anumang elemento ng streaming na nilalaman (mga link, talata, larawan, atbp.)
- posibleng gumawa ng nested list, o second-level list. Upang maglagay ng listahan, ilarawan bagong listahan sa loob ng elemento
- mayroon nang listahan. Kapag naglalagay ng isang bullet na listahan sa isa pa, awtomatikong binabago ng browser ang istilo ng bullet para sa listahan ng pangalawang antas. Anumang listahan ay maaaring ilagay sa loob ng isa pa. Ang sumusunod na halimbawa ay nagpapakita ng istraktura ng isang bullet na listahan na naka-nest sa pangalawang item ng isang may bilang na listahan.
- Subukan ito sa iyong sarili "
- Lunes
- Magpadala ng mail
- Bisitahin ang editor
- Pagpili ng paksa
- Dekorasyon na disenyo
- Pangwakas na Ulat
- Pagtingin ng mensahe sa gabi
- Martes
- Baguhin ang iskedyul
- Magsumite ng mga larawan
- Miyerkules...
- Lunes
- Magpadala ng mail
- Bisitahin ang editor
- Pagpili ng paksa
- Dekorasyon na disenyo
- Pangwakas na Ulat
- Pagtingin ng mensahe sa gabi
- Martes
- Baguhin ang iskedyul
- Magsumite ng mga larawan
- Miyerkules...
- Subukan ito sa iyong sarili "
- kape
- kape
- kape
- kape
- kape
- Gatas
- kape
- Gatas
- kape
- Gatas
- kape
- Gatas
- Subukan ito sa iyong sarili "
- Taurus
- Gemini
- Aries
- Taurus
- Gemini
- (mula sa English. Definition Term - tinukoy na salita, termino) at
- (mula sa English. Definition Description - isang paglalarawan ng tinukoy na termino).
- Unang termino
- Paglalarawan ng unang termino
- Pangalawang termino
- Paglalarawan ng ikalawang termino
- Subukan ito sa iyong sarili "
- Ang World Wide Web
- - mula sa Ingles. Ang World Wide Web (WWW) ay isang distributed system na nagbibigay ng access sa magkakaugnay na mga dokumento na matatagpuan sa iba't ibang mga computer na konektado sa Internet.
- Internet
- - isang hanay ng mga network na gumagamit ng iisang exchange protocol para sa pagpapadala ng impormasyon.
- Website
- - isang set ng mga hiwalay na web page na magkakaugnay ng mga link at isang disenyo.
Mga Estilo ng Listahan ng Numero
Halimbawa Ibig sabihin Paglalarawan a, b, c lower-alpha Lower case A, B, C upper-alpha Malaking titik ako, ii, iii mababang roman Mga Roman numeral sa maliit na titik I, II, III itaas na roman Roman numeral sa malalaking titik Halimbawa: Paglalapat ng CSS property list-style-type
Mga Bullet na Listahan
Ang mga naka-bullet na listahan ay halos kapareho ng mga may bilang na listahan, ang mga ito lang ay hindi naglalaman ng sequential numbering ng mga item. Ang mga naka-bullet na listahan ay ginawa gamit ang block element
TagSa sumusunod na halimbawa, makikita mo na, bilang default, ang isang maliit na punong marker ng bilog ay idinagdag sa harap ng bawat item sa listahan:
Sa loob ng tag
Mga Nested na Listahan
Anumang listahan ay maaaring ilagay sa loob ng isa pa. Sa loob ng isang elementoHalimbawa: Mga Nested List
Pag-format ng mga naka-bullet na listahan
Para sa pagbabago hitsura dapat gamitin ng mga list marker ang property list-style-type css stylesheet:
Ang sumusunod na halimbawa ay nagpapakita ng iba't ibang istilo para sa mga naka-bullet na listahan:
Halimbawa: Mga Estilo ng Bullet na Listahan
Disc:
Bilog:
parisukat:
wala:
Mga graphic marker.
Sa HTML, posibleng gumawa ng listahan na may mga graphic marker. Ito ay isang bagay kapag ang mga marker ng listahan ay karaniwang mga bilog o parisukat, at iba pa kapag ang developer mismo ang pumili ng marker alinsunod sa disenyo ng pahina. Upang maging maganda ang hitsura ng mga item sa listahan, kadalasang ginagamit ang maliliit na larawan.
Upang palitan ang isang regular na marker ng isang graphic, palitan ang property list-style-type bawat ari-arian list-style-image at tukuyin ang URL ng larawan:Halimbawa: Mga graphic marker
Mga palatandaan ng zodiac
Mga palatandaan ng zodiac
Mga listahan ng mga kahulugan (mga paglalarawan)
Napakadaling gamitin ng mga listahan ng kahulugan para sa paggawa, halimbawa, ng iyong personal na glossary ng mga termino. Ang bawat item sa listahan ng mga kahulugan ay may dalawang bahagi: ang termino at ang kahulugan nito.
Inilagay mo ang buong listahan sa isang elemento
Ang mga listahan ng mga kahulugan ay kadalasang ginagamit sa mga publikasyong pang-agham, teknikal at pang-edukasyon, paggawa ng mga glossary, diksyunaryo, sangguniang aklat, atbp. sa kanilang tulong.Ang pangkalahatang istraktura ng listahan ng mga paglalarawan ay ang mga sumusunod:
Ang sumusunod na halimbawa ay nagpapakita ng isang posibleng paggamit ng isang listahan ng kahulugan:
Halimbawa: Listahan ng mga kahulugan
World Wide Web - mula sa English. Ang World Wide Web (WWW) ay isang distributed system na nagbibigay ng access sa magkakaugnay na mga dokumento na matatagpuan sa iba't ibang mga computer na konektado sa Internet. Ang Internet ay isang hanay ng mga network na gumagamit ng iisang exchange protocol upang maglipat ng impormasyon. Ang isang site ay isang hanay ng mga indibidwal na web page na naka-link sa pamamagitan ng mga link at may karaniwang disenyo.
Bilang default, ang teksto ng termino ay matatagpuan sa kaliwang gilid ng browser window, at ang paglalarawan ng termino ay matatagpuan sa ibaba at inilipat sa kanan.
- - disk
- - circumference
Depende sa kung saan mo tinukoy ang uri ng marker, maaari mo itong baguhin para sa buong listahan o para sa isang partikular na elemento.
Listahan ng numero (nakaayos na listahan)
Upang bumuo ng isang listahan, kailangan mo rin ng 2 elemento: 'ol' at 'li' (listahan ng elemento). Ang mga marker ay pinapalitan ng mga numero na may tuldok. Halimbawa ng simpleng listahan:
Maaari mong kontrolin ang hitsura ng isang nakaayos na listahan sa pamamagitan ng pagtukoy ng iba't ibang uri ng pagnunumero.
Mga uri ng pagnunumero
Mayroong isang espesyal na uri ng katangian na nakalagay sa 'ol' o 'li' na elemento. Ito ang uri ng iyong listahan. Kabuuang 5 uri:
- - Pagnumero sa Arabic numeral (1, 2, 3)
- - Pagnunumero sa malalaking titik (A, B, C)
- - Pagnunumero sa maliliit na titik (a, b, c)
- - Pagnunumero sa malalaking Roman numeral (I, II, III)
- - Pagnunumero sa maliliit na Romanong numero (i, ii, iii)
- - Saang numero magsisimulang magnumero?
Depende sa kung saan mo tinukoy ang uri ng pagnunumero, maaari mo itong baguhin para sa buong listahan o para sa isang partikular na elemento.
Listahan ng kahulugan
Ang listahan ng mga kahulugan ay binuo para sa mga entry sa diksyunaryo.
Mayroong karaniwang lalagyan na 'dl'. Sa loob nito ay 'dt' (kahulugang termino - termino) at 'dd' (depinisyon ng paglalarawan - paglalarawan). Ang pinakasimpleng halimbawa:
Ang lahat ng mga elemento ng lahat ng mga listahan ay mga elemento ng block. Ngunit sa loob ng elementong 'dt', maaari ka lamang maglagay ng mga inline na elemento. Maaari kang maglagay ng kahit ano sa mga elementong 'dd' at 'li'. Dito nagmumula ang mga nested list.
Nested (halo-halong listahan)
Ito ay mga listahan ng multilevel, kung saan mayroong isang hierarchy. Kadalasan ang mga ganitong listahan ay ginagamit kapag gumagawa ng mapa ng site. Halimbawa:
- halo-halong listahan
Sinusuportahan ng HTML ang mga listahan ng tatlo iba't ibang uri, bawat isa ay may sariling mga termino:
Mga Listahan ng Numero
Sa isang may bilang na listahan, awtomatikong ipinapasok ng browser ang mga numero ng elemento sa pagkakasunud-sunod, simula sa ilang halaga (karaniwan ay 1). Binibigyang-daan ka nitong magpasok at mag-alis ng mga item sa listahan nang hindi naaabala ang pagnunumero, dahil ang natitirang mga numero ay awtomatikong muling kakalkulahin.
Ang mga may bilang na listahan ay ginawa gamit ang isang block element
TagAng mga naka-numero na item sa listahan ay dapat maglaman ng maramihang mga item sa listahan, tulad ng ipinapakita sa sumusunod na halimbawa:
Halimbawa: Numbered List
Hakbang-hakbang na pagtuturo
Minsan kapag tumitingin sa mga umiiral nang HTML code, makakatagpo ka ng argumento uri sa elemento
Dito: uri - mga character ng listahan:
Kung gusto mong magsimula ang listahan sa isang numero maliban sa 1, dapat mong tukuyin ito gamit ang attribute simulan tag
Ang sumusunod na halimbawa ay nagpapakita ng nakaayos na listahan na may malalaking Roman numeral at inisyal na halaga XLIX:Ang pagnunumero ay maaari ding simulan gamit ang katangian halaga, na idinagdag sa elemento
Mula sa praktikal na pananaw, ang mga prinsipyo ng pagpapakita ng mga elemento ng isang bullet na listahan ay maaaring ilapat sa katulad na paraan sa isang may bilang na listahan. Ngunit dahil nakikitungo tayo sa isang enumeration, mayroong ilang mga tampok, na tatalakayin pa.
Pagnunumero ng listahan
Pinapayagan na simulan ang listahan sa anumang numero; ang start attribute ng elemento ay ginagamit para sa layuning ito
- o halaga sa elemento
- , na naglalaman ng lahat ng ipinapakitang nilalaman ng listahan):
Nasa ibaba ang mga pinaikling bersyon ng code, at ang uri ng pagnunumero na maaaring nasa isang kaso o iba pa.
View ng listahan:
View ng listahan:
Pagnunumero maliit na titik alpabetong Latin:
View ng listahan:
View ng listahan:
View ng listahan:
Listahan ng mga kahulugan sa HTML.
Ang mga listahan ng mga kahulugan ay isang espesyal na uri ng mga listahan. Magkaiba ang mga ito dahil ang bawat elemento ng listahan ay binubuo ng dalawang elemento, isang termino at teksto na nagpapakita ng kahulugan nito. Ang mga listahang ito ay ginawa gamit ang mga tag
Ang halaga ng disc ay ginagamit bilang default.
Isang halimbawa ng paggawa ng bullet na listahan na may mga marker ng bilog:
Bilang resulta, ang listahan ay kukuha ng sumusunod na anyo:
Paglikha ng bullet na listahan na may mga square marker:
Ang listahan ay magiging ganito:
Ang katangian ng uri ay maaaring ilapat sa higit pa sa isang tag
- , ngunit pati na rin sa tag