Bulkita kaj kalkulita listo de HTML

En HTML, estas du specoj de listoj: numeritaj kaj nombraj. Ilia kreo estas preskaŭ la sama. Eĉ la etikedoj estas malsamaj per unu karaktero. Vi ankaŭ povas krei mult-nivelajn listojn, kiuj povas inkluzivi ambaŭ numeritajn kaj markajn listojn.

Ĉi tiuj listoj povas esti konvertitaj kiel vi ŝatas. Ĉio dependas de via imago. Unue, ni rigardos la normajn listojn, same kiel en la redaktilo de Vorto, kaj tiam ni plibonigos ilin kaj faros ekster rekono.

Numerita HTML Listo

Neŭtrala ordonis HTML listo povas esti kreita uzanta la jenaj etikedoj:

1. La unua ero en la listo

2. La dua ero en la listo

3. La tria ero en la listo

   Simplaj listoj aspektas tiel

   Laŭ la normoj, ĉiu ero en la listo devas esti ene de la malfermo kaj fermado de etikedo. Sed se vi ne metas la fermantan etikedon, la rezulto estos ĝuste la sama. La procesoro estas tre inteligenta. Dum la konvertiĝo de la listo, ĝi analizas la malfermajn etikedojn. Se li vidas novan

4. , li aŭtomate metas antaŭ li.

   Tiel, la listoj povas esti faritaj kiel montriĝas sube.

   Sed de la vidpunkto de profesiuloj ĉi tio estas malĝusta.

   Folletitaj listoj

   Neordigitaj (aŭ markiloj) listoj estas kreitaj ĝuste de la sama maniero, nur anstataŭ ol ol tag, ul estas skribita.

   En bula listoj, ne nombrojn aŭ literojn - nur la malsamaj karakteroj, kiuj estas nomitaj markiloj.

   Multinivel-numerita HTML-listo

   Multaj uzantoj interesiĝas pri ĉi tiu ebleco. Sekve, ĝi devas rimarki, ke iu ajn numerita listo de HTML povas esti multinivel. Pliaj niveloj povas esti la samaj aŭ markitaj.

   Por krei la liston specifitan en la ekzemplo supre, vi devas skribi la jenan.

   Notu, ke en ĉi tiu kodo, kontraste kun la unuaj ekzemploj, aldonas la tipan atributon. Danke al tio, vi povas specifi la ordigan tipon por listoj kaj markiloj.

   Por numeritaj ni indikas la alfabeton aŭ tipon de ciferoj, kaj por aliaj kazoj - la markilo.

   Listo listigi opciojn

   Se vi uzas specialan HTML-etikedon, la nombrita listo povas esti io ajn, kion vi deziras.

   Vi povas specifi tipan atributon kun iu valoro de la tablo. Aŭ en la klasa klaso de css, specifu list-stilo-tipo kun la dezirata varo-tipo.

   La traduko de la valoroj estas sufiĉe simpla. Sufiĉe pri la baza scio de la angla. Sed eĉ se vi ne povas traduki la vortojn "cirklo", "kvadrato", ktp, vi povas vide kompreni, kio rezultos, kiam vi specifos ĉi tiujn valorojn en la tipo atributo.

   Por listigitaj listoj, vi devas uzi la jenajn eblojn:

   • 1 - Araba numeraloj;
   • A - majusklajn literojn ;
   • Al - minuskla latinaj literoj;
   • Mi - ĉefurbaj romaj numeroj;
   • Mi - minuskla romaj numeroj.

   Defaŭlte, la listo estas ĉiam uzita kun arabaj ciferoj. Tio estas, se vi ne specifis ion ajn, ĉi tio estas ekvivalenta al tipo = "1".

   Krome, numeritaj listoj povas esti komencitaj de iu ajn dezirata pozicio. Defaŭlte - la eligo de 1. Sed se vi volas, vi povas komenci kun almenaŭ cent. Por fari tion, vi devas specifi la komencan atributon per iu ajn valoro.

   Krome, ĝi povas esti difinita en la reversa ordo. Por fari tion, skribu renversita.

   Aliĝilo de listoj

   La nombra listo de HTML povas esti desegnita tiel bele, ke vi ne povas tuj diveni, ke ĉi tio estas ordinara listo, kaj ne bildon farita en Photoshop.

   Jen ekzemploj de belaj lertaj.

   Kiel vi povas vidi el la ekzemplo, vi povas ŝanĝi la aspekton de la numerado kaj la elementoj mem.

   Vi povas krei ordinaran liston kiel ĉi tion.

   En css-stiloj, vi devas specifi la aranĝon por la etikedoj. Notu, ke en ĉi tiu kazo, la agordoj estos aplikitaj al ĉiuj listoj de la tuta retejo, kie ĉi tiu stilfolio estas uzata.

   Unue konsideras la eblon per cirkla dezajno de la listo. Reiru al la listo kodo. Estas klaso rondigita-listo. Tio estas kun ĉi tiu klaso, kiun vi bezonas fari tian belecon. Vi povas nomi la klason, kiel vi ŝatas.

   Nun konsideru la kvadratan dezajnon.

   Stiloj estas tre similaj. La diferenco estas, ke en la unua kazo la elemento estas rondigita per la kapabloj de CSS.

   Foliumilo subteno

   Gravas kompreni, ke ne ĉiuj retumiloj subtenas ĉiujn css-atributojn.

   Ekzemple, vi volis fari numeritan liston centrita. La HTML-kodo estos la sama, sed la rezulto en malnovaj foliumiloj povas esti tute malsama.

   La sama okazas por registri la numeron.

   Kiel vi povas vidi, la kvadratoj ĉirkaŭ la nombroj en malnovaj IE-versioj de la retumilo ne aperis, ĉar la manipulo ne konas la novajn atributojn, kiuj ebligas tion fari.

   Profesia retejo-dezajno devus antaŭvidi kaj kompreni, ke ne ĉiuj uzantoj uzas modernajn komputilojn. Ne ĉiuj havas Windows 7, 8, 10. Estas procento de uzantoj, kiuj ankoraŭ sidas sur Windows XP kaj uzas la pli malnovajn versiojn de la interreta esplorilo.

   Kiel regulo, preskaŭ ĉiuj modernaj dezajnaj pliboniĝoj de elementoj ne estas subtenataj de ili. La uzanto sentos, ke la dezajno de la retejo tute ne funkciis. Ĉio ĉio moviĝis. La elementoj kuras inter si. Por eviti tion, vi devas kalkuli ĉiujn eblojn.

   Iuj retejestroj turnas sin al ili, ĉar ilia parto en la nuna merkato malpliiĝas kaj pli malgrandas. Sed por profesia ĉiu vizitanto estas grava, precipe se ĝi estas komerca retejo.

   Faru ion taŭgan por ĉiuj aŭ konsideras ĉiujn variantojn de retumiloj.