LA limbaj HTML este prevăzut un set special de etichete pentru prezentarea informațiilor sub formă de liste. Listele sunt una dintre cele mai frecvent utilizate forme de reprezentare a datelor în ambele documente electronice, precum și în tipărire. Întâlnim aproape zilnic liste, fie că este vorba de o listă de nevoi de cumpărături la magazin, de studenți la clasă sau pur și simplu de sarcini care trebuie făcute. Abilitatea de a organiza structuri de liste este disponibilă în multe editori de textîn special un puternic procesor de text Microsoft Word are instrumente convenabile pentru formatarea listelor de diferite tipuri (capacitatea de a crea liste HTML atunci când ajutor de la Microsoft Cuvântul sunt discutate în capitolul 8). Iată câteva cazuri în care utilizarea listelor este destul de convenabilă:
- Combinând informații într-o singură structură pentru a oferi un aspect lizibil.
- Descrierea proceselor complexe pas cu pas.
- Aranjarea informațiilor în stilul unui cuprins, ale cărui paragrafe indică secțiunile relevante ale documentului.
Rețineți că elementele de mai sus sunt doar organizate sub forma unei structuri de listă.
HTML oferă următoarele tipuri principale de liste: cu marcatori, numerotate și cu definiții. Următoarele etichete sunt folosite pentru a implementa liste de diferite tipuri:
- ,
- (LI - List Item, list item). Etichetă
- nu are nevoie de o etichetă de închidere adecvată, deși prezența acesteia nu este în principiu interzisă. Browserele încep de obicei fiecare nou articol de listă pe o linie nouă atunci când afișează un document.
Informațiile de mai sus sunt suficiente pentru a construi o listă elementară cu marcatori. Iată un exemplu de document HTML care utilizează o listă cu marcatori, a cărei randare în browser este prezentată în Fig. 2.1.
Exemplu de listă cu marcatori - Berbec
- Taurul
- Gemenii
- Cancer
- un leu
- Fecioară
- Cântare
- Scorpion
- Săgetător
- Capricornul
- Vărsător
- Peşte
Semne zodiacale:
Orez. 2.1. Afișarea în browser a unei liste cu marcatori
Rețineți că, în plus față de elementele din listă marcate cu eticheta
- , alte elemente HTML pot fi prezente. În exemplul de mai sus, unul dintre aceste elemente este textul simplu, care nu este un element de listă, dar joacă rolul titlului său.
Notă
În unele manuale despre limbajul HTML, există o indicație că eticheta container ar trebui să fie utilizată pentru a seta titlul listei
(LH - Antet listă, antet listă). În prezent, această etichetă nu este recunoscută de niciunul dintre browserele comune și nu face parte din specificația HTML. Astfel, utilizarea sa devine lipsită de sens, deși nu va duce la erori. În etichetă
- pot fi specificați doi parametri: COMPACT și TYPE.
- .
Exemplu de înregistrare:
-
.
Notă
Browserele interpretează indicația tipului de marker în moduri diferite pentru element individual listă. Browserul Netscape modifică aspectul markerului pentru acesta și pentru toate cele ulterioare până când este întâlnită următoarea redefinire a aspectului markerului. motor de cautare Explorer modifică aspectul markerului numai pentru element dat.
Listați marcatori grafici
Puteți utiliza imagini grafice ca marcatori de listă, care sunt utilizate pe scară largă pentru a crea documente HTML atractive, frumos proiectate. De fapt, această posibilitate nu este oferită direct de limbajul HTML, ci este implementată oarecum artificial. Acest lucru nu înseamnă că nu este recomandat sau condamnabil să faceți acest lucru, ci doar că nu vor fi folosite constructe speciale de limbaj HTML aici.
Pentru a înțelege ideea, trebuie să înțelegeți cum sunt implementate listele în paginile HTML. Se pare că eticheta listă
- (precum și lista de etichete de alte tipuri discutate mai jos) îndeplinește singura sarcină - indică browserului că toate informațiile aflate după această etichetă ar trebui să fie afișate cu o schimbare la dreapta (indentare) cu o anumită sumă. Etichete
- Indicarea către elementele individuale ale listei oferă marcatori standard pentru elementele listei.
Dacă trebuie să construim o listă cu markeri grafici, atunci ne putem lipsi de etichete
- . Va fi suficient să inserați imaginea grafică dorită înainte de fiecare element al listei. Singura sarcină care trebuie rezolvată în acest caz este separarea elementelor listei unele de altele. Puteți utiliza etichete de paragraf pentru aceasta.
Sau avans forțat în linie
. Un exemplu de implementare a unei liste cu markeri grafici, a cărei afișare este prezentată în fig. 2.2 este prezentat mai jos:listă cu puncte Semne zodiacale:
Berbec
Orez. 2.2. Lista cu marcatori cu marcatori grafice
În exemplul dat, fișierul grafic Green_ball.gif este folosit ca marcator de element de listă. Rețineți că utilizarea graficelor în paginile HTML poate crește semnificativ cantitatea de informații transmise. Cu toate acestea, în acest caz această creștere este extrem de mică. Aici se folosește același fișier pentru toți markerii,
care va fi transmisă o singură dată. Dimensiunea unui fișier care conține o imagine mică este, de asemenea, extrem de mică.
Notă
Tehnicile de creare a listelor cu markeri grafici sunt discutate pe rând în capitolul 8.
lista numerotata
Un alt tip de listă implementat în HTML este lista numerotată. În caz contrar, listele de acest tip se numesc ordonate. Numele de familie este adesea folosit ca o traducere formală a numelui etichetei corespunzătoare.
- , cu ajutorul cărora liste de acest tip sunt organizate în documente HTML (OL - Ordered List, o listă ordonată).
- .
Iată un exemplu de document HTML care utilizează o listă numerotată, a cărui afișare browser-ul este prezentat în fig. 2.3.
Exemplu de listă numerotată - Sirius
- K anopus
- Arcturus
- Alpha Centauri
- Vega
- K apella
- Rigel
- Procion
- Achernar
- Beta Centauri
- Vetelgeuse
- Aldebaran
. . .- Mizar
. . .- Polar
Cele mai strălucitoare stele vizibile de pe Pământ sunt:
Orez. 2.Z. lista numerotata
În etichetă
- pot fi specificați următorii parametri: COMPACT, TYPE și START.
- .
Exemplu de înregistrare:
- .
Eticheta parametrului START
- vă permite să începeți să numerotați lista nu de la una. Valoarea parametrului START trebuie să fie întotdeauna un număr natural, indiferent de tipul de numerotare a listei. Iată un exemplu:
- pentru liste numerotate, permite utilizarea parametrilor TYPE și VALUE. Parametrul TYPE poate lua aceleași valori ca pentru etichetă
- .
- .
Notă
Browserele interpretează indicația tipului de numerotare pentru un articol individual din listă în moduri diferite. Browserul Netscape modifică numerotarea pentru acest element și pentru toate elementele ulterioare până când este întâlnită următoarea modificare. Internet Explorer modifică doar aspectul numărului pentru acest element.
Wvaloarea parametrului VALUE al etichetei
- - vă permite să schimbați numărul elementului dat din listă. Aceasta modifică numerotarea tuturor elementelor ulterioare. O utilizare tipică este pentru listele în care unele elemente sunt omise. Un exemplu de astfel de listă a fost dat mai sus (Fig. 2.3). Oferă o listă ordonată a celor mai strălucitoare stele, în care la 58 și 75 de locuri există stele care sunt clar vizibile la latitudinile noastre (Mizar este cea mai strălucitoare stea din constelația Ursa Major, iar Steaua Nordului este Ursa Minor).
Iată un alt exemplu original de utilizare a numerotării de diferite tipuri. Codul HTML de mai jos definește trei liste cu numerotare diferită. Pentru ușurință de vizualizare, fiecare dintre liste este plasată într-o celulă separată a tabelului. Toate cele trei liste sunt identice și diferă doar prin tipul de numerotare: în prima coloană a tabelului - cifre arabe, în a doua - romane, iar în a treia numerotarea este cu litere latine. Rețineți că elementele listei sunt goale, adică după orice etichetă
- nu există date. Un exemplu de acest fel poate fi folosit ca tabel de corespondență între cifrele arabe și romane. Se pare că orice browser care acceptă liste poate fi folosit pentru a genera un astfel de tabel (Figura 2-4) atâta timp cât introduceți codul HTML furnizat. Numerotarea în cifre romane funcționează corect până la valoarea 3999. Studiind coloana din dreapta, puteți înțelege cum se realizează numerotarea cu litere latine. După epuizarea numerotării cu o literă (de la A la Z), primul număr de două litere - AA etc. este luat ca următor număr.
Utilizare <a href="https://obanracer.ru/ro/operatory-vetvleniya-v-komande-select-preobrazovaniya-nvl-dlya-razlichnyh-tipov.html">tipuri variate</a> numerotarea în liste -
. . .
-
. . .
-
. . .
Orez. 2.4. Diferite tipuri de numerotare liste HTML
Lista definițiilor
Listele de definiții, numite și dicționare de definiții de termeni, sunt un tip special de listă. Spre deosebire de alte tipuri de liste, fiecare element al unei liste de definiții constă întotdeauna din două părți. Prima parte a elementului de listă conține termenul definit, iar a doua parte conține text sub forma unei intrări de dicționar care dezvăluie sensul termenului.
Listele de definiții sunt specificate folosind eticheta container
- (Lista de definiții). În interiorul etichetei containerului
- (Termen de definiție) termenul definit este marcat și eticheta
- (Descrierea definiției) - un paragraf cu definiția sa. Pentru etichete
- și
- puteți omite etichetele de final corespunzătoare.
În general, lista definițiilor este scrisă după cum urmează:
- Termen
- Definiția termenului
În textul de după etichetă
- Elementele la nivel de bloc, cum ar fi etichetele de paragraf, nu pot fi utilizate
sau titluri
-
. Ca regulă generală, textul termenului în curs de definire ar trebui să fie pe un singur rând. Textul care conține definiția termenului este afișat începând cu rândul următor(sau o linie pentru unele browsere) după definiția termenului, indentată în dreapta. În informațiile plasate după etichetă
- , pot fi plasate elemente la nivel de bloc. Rezultă, în special, că listele de definiții pot fi imbricate.
În etichetă
- poate fi specificat parametrul COMPACT, al cărui scop este similar cu celelalte liste descrise mai sus.
- Persoană flegmatică
- Pasiv, foarte capabil, lent de adaptare;
starea de spirit este stabilă, puțin susceptibilă la influența externă;
letargia reacțiilor emoționale și încetineala activității volitive
- sangvin
- Activ, energic, adaptabil, -
vivacitatea și mobilitatea reacțiilor emoționale, viteza și puterea manifestărilor volitive
- Coleric
- Activ, foarte energic, persistent;
impulsivitatea și puterea reacțiilor emoționale, manifestări voliționale violente
- melancolic
- Pasiv, ușor de obosit, greu de adaptat -
slăbiciune a manifestărilor voliționale și predominarea dispoziției depresive, îndoiala de sine - Zempa
- Luna
- mapc
- Fobos
- Deimos
- Uranus
- Ariel
- Umbriel
- Titania
- Oberon
- Miranda
- Neptun
- Triton
- Nereidă
Un alt tip de listă implementat în HTML este lista numerotată. În caz contrar, listele HTML de acest tip se numesc ordonate. Numele de familie este adesea folosit ca o traducere formală a numelui etichetei corespunzătoare.
- , cu ajutorul cărora liste de acest tip sunt organizate în documente HTML (OL - Ordered List, o listă ordonată).
- .
Iată un exemplu de document HTML care utilizează o listă numerotată, a cărui afișare browser-ul este prezentat în fig. 2.3.
Exemplu de listă numerotată Cele mai strălucitoare stele vizibile de pe Pământ sunt:
- Sirius
- K anopus
- Arcturus
- Alpha Centauri
- Vega
- K apella
- Rigel
- Procion
- Achernar
- Beta Centauri
- Vetelgeuse
- Aldebaran
- Mizar
- Polar
Orez. 2.Z. lista numerotata
În etichetă
- pot fi specificați următorii parametri: COMPACT, TYPE și START.
- .
Exemplu de înregistrare:
- .
Eticheta parametrului START
- vă permite să începeți să numerotați lista nu de la una. Valoarea parametrului START trebuie să fie întotdeauna un număr natural, indiferent de tipul de numerotare a listei. Iată un exemplu:
- pentru liste numerotate, permite utilizarea parametrilor TYPE și VALUE. Parametrul TYPE poate lua aceleași valori ca pentru etichetă
- .
- .
Notă
Browserele interpretează indicația tipului de numerotare pentru un articol individual din listă în moduri diferite. Browserul Netscape modifică numerotarea pentru acest element și pentru toate elementele ulterioare până când este întâlnită următoarea modificare. Internet Explorer modifică doar aspectul numărului pentru acest element.
Valoarea parametrului VALUE al etichetei
- - vă permite să schimbați numărul elementului dat din listă. Aceasta modifică numerotarea tuturor elementelor ulterioare. O utilizare tipică este pentru listele în care unele elemente sunt omise. Un exemplu de astfel de listă a fost dat mai sus (Fig. 2.3). Oferă o listă ordonată a celor mai strălucitoare stele, în care la 58 și 75 de locuri există stele care sunt clar vizibile la latitudinile noastre (Mizar este cea mai strălucitoare stea din constelația Ursa Major, iar Steaua Nordului este Ursa Minor).
Iată un alt exemplu original de utilizare a numerotării de diferite tipuri. Codul HTML de mai jos definește trei liste cu numerotare diferită. Pentru ușurință de vizualizare, fiecare dintre liste este plasată într-o celulă separată a tabelului. Toate cele trei liste sunt identice și diferă doar prin tipul de numerotare: în prima coloană a tabelului - cifre arabe, în a doua - romane, iar în a treia numerotarea este cu litere latine. Rețineți că elementele listei sunt goale, adică după orice etichetă
- nu există date. Un exemplu de acest fel poate fi folosit ca tabel de corespondență între cifrele arabe și romane. Se pare că orice browser care acceptă liste poate fi folosit pentru a genera un astfel de tabel (Figura 2-4) atâta timp cât introduceți codul HTML furnizat. Numerotarea cu cifre romane funcționează corect până la valoarea 3999. Examinând coloana din dreapta, puteți înțelege cum se efectuează numerotarea cu litere latine. După epuizarea numerotării cu o literă (de la A la Z), primul număr de două litere - AA etc. este luat ca următor număr.
Utilizarea diferitelor tipuri de numerotare în liste
. . .
Orez. 2.4. Diferite tipuri de numerotare liste HTML
HTML acceptă liste de trei tipuri diferite, fiecare dintre ele având termenii săi:
Liste numerotate
Într-o listă numerotată, browserul introduce automat numerele de elemente în ordine, pornind de la o anumită valoare (de obicei 1). Acest lucru vă permite să inserați și să eliminați elemente din listă fără a perturba numerotarea, deoarece numerele rămase vor fi recalculate automat.
Listele numerotate sunt create folosind un element de bloc
Etichetă- elementul 1
- elementul 2
- elementul 3
Elementele din listă numerotate trebuie să conțină mai multe elemente din listă, așa cum se arată în exemplul următor:
Exemplu: Listă numerotată
- Incearca-l tu insuti "
- Ia cheia
- Introduceți cheia în încuietoare
- Rotiți cheia cu două ture
- Ia cheia din lacăt
- Deschide usa
Instrucțiuni pas cu pas
- Ia cheia
- Introduceți cheia în încuietoare
- Rotiți cheia cu două ture
- Ia cheia din lacăt
- Deschide usa
Uneori, când te uiți la codurile HTML existente, vei întâlni argumentul tipîn element
- A - litere mari latine (A, B, C . . .);
- a - litere latine mici (a, b, c . . .);
- I - cifre romane mari (I, II, III . . .);
- i - cifre romane mici (i, ii, iii . . .);
- 1 - Cifre arabe (1, 2, 3 . . .) (utilizate implicit).
- in felul urmator:
-
În acest caz, numerotarea secvențială a listei va fi întreruptă și din acest moment numerotarea va începe din nou, în acest caz de la șapte.
Exemplu de utilizare a atributelor valoare etichetă
În acest exemplu, „Primul articol din listă” ar fi numărul 1, „Al doilea articol din listă” ar fi numărul 7, iar „Al treilea articol din listă” ar fi numărul 8.
Formatarea listelor numerotate cu CSS
Pentru a schimba numerele de listă, utilizați proprietatea tip-stil-listă foi de stil css:
- . Browserul indentează fiecare element din listă și afișează automat marcatori.
- Primul punct
- Al doilea punct
- Al treilea paragraf
- nu este necesar să plasați doar text, este permisă plasarea oricărui element de conținut în flux (linkuri, paragrafe, imagini etc.)
- este posibil să se creeze o listă imbricată sau o listă de nivel al doilea. Pentru a imbrica o listă, descrieți o nouă listă în interiorul unui element
- lista deja existenta. Când imbricați o listă cu marcatori în alta, browserul schimbă automat stilul marcatorilor pentru lista de al doilea nivel. Orice listă poate fi imbricată în alta. Următorul exemplu demonstrează structura unei liste cu marcatori imbricate în al doilea articol al unei liste numerotate.
- Incearca-l tu insuti "
- luni
- Trimite mail
- Vizită la editor
- Selectarea subiectului
- Design decorativ
- Raport final
- Vizualizarea mesajelor de seară
- marţi
- Revizuiți programul
- Trimiteți imagini
- Miercuri...
- luni
- Trimite mail
- Vizită la editor
- Selectarea subiectului
- Design decorativ
- Raport final
- Vizualizarea mesajelor de seară
- marţi
- Revizuiți programul
- Trimiteți imagini
- Miercuri...
- Incearca-l tu insuti "
- Cafea
- Cafea
- Cafea
- Cafea
- Cafea
- Lapte
- Cafea
- Lapte
- Cafea
- Lapte
- Cafea
- Lapte
- Incearca-l tu insuti "
- Taurul
- zodia Gemeni
- Berbec
- Taurul
- zodia Gemeni
- (din engleză. Definiție Termen - cuvânt definit, termen) și
- (din engleză. Definiție Descriere - o descriere a termenului definit).
- Primul termen
- Descrierea primului termen
- Al doilea mandat
- Descrierea celui de-al doilea termen
- Incearca-l tu insuti "
- World Wide Web
- - din engleza. World Wide Web (WWW) este un sistem distribuit care oferă acces la documente interconectate situate pe diferite computere conectate la Internet.
- Internet
- - un set de rețele care utilizează un singur protocol de schimb pentru transmiterea informațiilor.
- Site-ul web
- - un set de pagini web separate care sunt interconectate prin link-uri și un singur design.
- așa cum se arată mai jos.
- Primul punct
- Al doilea punct
- Al treilea paragraf
Dacă nu specificați atribute suplimentare și scrieți doar o etichetă
- , atunci lista cu numere arabe (1, 2, 3,...) este folosită implicit, așa cum se arată în Exemplul 11.3.
- crearea de punctualitate (nu vei întârzia niciodată la nimic);
- leac pentru punctualitate (nu te vei grabi nicaieri);
- modificarea percepției timpului și a ceasurilor.
- numere arabe (1, 2, 3, ...);
- litere mari latine (A, B, C, ...);
- litere latine mici (a, b, c, ...);
- cifre romane majuscule (I, II, III, ...);
- cifre romane mici (i, ii, iii, ...).
- Regele Magnum XLIV
- Regele Siegfried al XVI-lea
- Regele Sigismund XXI
- Regele Husbrandt I
- :
Lista numerotata:
- Cafea
- Ceai
- Lapte
notă: etichetă
- la fel de elemente copil poate conține doar etichete
- , adică întregul conținut al listei numerotate trebuie plasat în interiorul elementelor
- . Etichetă
- , la rândul său, nu are restricții de conținut, așa că puteți plasa în el paragrafe, imagini, linkuri, tabele, alte liste etc.
listă cu puncte
listă cu puncte- acestea sunt neordonate, adică liste neordonate de elemente, a căror succesiune nu contează. Toate elementele din listă cu marcatori au aceleași marcatori, implicit sunt afișate ca mici cercuri negre.
Eticheta HTML este folosită pentru a crea liste cu marcatori.
- , în interiorul căruia se află elementele listei în sine (ca și în cazul listelor numerotate, se folosește eticheta
- , care conține tot conținutul afișat al listei):
Listă cu puncte:
- Cafea
- Ceai
- Lapte
Tipuri de markere
Tipurile de marcatori dintr-o listă numerotată pot fi modificate folosind atributul type. Acest atribut acceptă cinci tipuri de markeri:
Listele cu marcatori nu au un atribut tip, așa că nu puteți schimba tipul de marcatori într-o listă cu marcatori folosind HTML. Pentru a schimba tipul de marker, în acest caz, puteți utiliza proprietate CSS m list-style-type , cu care, pe lângă valoarea implicită, puteți selecta încă două tipuri de marker: cerc sau pătrat.
Schimbarea marcatorilor pentru liste:
Titlul paginii Lista numerotata cu atributul type="a":
- Merele
- Banane
- Lămâi
Lista numerotata cu atributul type="I":
- Merele
- Banane
- Lămâi
Tipuri de marcatori de listă cu marcatori:
- Merele
- Banane
- Lămâi
- Merele
- Banane
- Lămâi
Proprietatea CSS de tip listă, în plus față de tipurile de marcatori pentru listele cu marcatori, are multe tipuri diferite de marcatori pentru listele numerotate. Dar nu întotdeauna schimbarea unui tip standard de marker cu altul este suficientă pentru a proiecta frumos lista. Pentru a proiecta liste, este mai bine să utilizați CSS, care vă permite nu numai să schimbați aspectul markerului, ci și să înlocuiți marcatorii cu imagini, să controlați locația acestora și să controlați indentarea. Puteți vedea cum să faceți toate acestea.
listă orizontală
Dacă utilizați o listă HTML pentru a crea un meniu orizontal, atunci va trebui să aranjați elementele listei unul lângă celălalt pe aceeași linie. Nu puteți face acest lucru cu HTML, așa că va trebui să utilizați CSS.
Pentru a crea o listă orizontală, trebuie să setați proprietatea de afișare CSS a elementelor din listă la inline sau inline-block , în funcție de ce alte proprietăți veți utiliza.
Titlul paginii lista numerotata
- Merele
- Banane
- Lămâi
Listă cu puncte:
- Merele
- Banane
- Lămâi
După aceea, toate elementele din listă se vor alinia pe o singură linie. Vă rugăm să rețineți că marcatoarele vor dispărea din articolele din listă și nici măcar nu va fi un spațiu între ele, dar va rămâne liniuța din stânga listei.
Cum să transformați o listă orizontală într-un meniu orizontal, puteți vedea.
Recomandat
Cum se deschide registrul Cum se deschide registrul jocului
Acesta din urmă, memorând configurația completă a hardware-ului și software-ului dispozitivului, joacă un rol cheie în funcționarea întregului sistem. Pentru a deschide...
- , care conține tot conținutul afișat al listei):
Exemplul 11.3. Creați o listă numerotată
lista numerotata Lucrul cu timpul
Rezultatul acestui exemplu este prezentat în Fig. 11.3.
Orez. 11.3. Vizualizare listă numerotată
Rețineți că lista numerotată adaugă și indentare automată în partea de sus, de jos și din stânga textului.
Următoarele valori pot acționa ca elemente de numerotare:
Atributul tip al etichetei este folosit pentru a indica tipul listei numerotate.
- . Valorile sale posibile sunt date în tabel. 11.2.
Tab. 11.2. Tipuri de liste numerotate
Tip de listă Cod HTML Exemplu cifre arabe
1. Ceburașka
2. Crocodil Gena
3. ShapoklyakLitere mari ale alfabetului latin
A. Cheburashka
B. Crocodil Gena
C. ShapoklyakLitere mici ale alfabetului latin
A. Cheburashka
b. Crocodilul Gena
c. ShapoklyakCifre romane cu majuscule
I. Cheburashka
II. Crocodilul Gena
III. ShapoklyakCifre romane cu litere mici
i. Cheburashka
ii. Crocodilul Gena
iii. ShapoklyakPentru a începe lista cu o anumită valoare, utilizați atributul start al etichetei
- . Nu contează ce tip de listă este setat cu type , atributul start funcționează la fel atât pentru cifrele romane, cât și pentru cele arabe. Exemplul 11-4 arată cum să creați o listă folosind numere romane majuscule care încep cu opt.
Exemplul 11.4. Numerotarea listei
numere romane Rezultatul acestui exemplu este prezentat în Fig. 11.4.
Orez. 11.4. Lista numerotata cu cifre romane
În HTML, un întreg set de etichete este responsabil pentru organizarea listelor, a căror organizare trebuie să respecte anumite reguli de structurare a datelor.
Al cincilea standard versiuni html Sunt acceptate 3 tipuri de liste: liste numerotate, liste cu marcatori și liste de definiții. De asemenea, oferă posibilitatea de a imbrica liste unele în altele, creând liste imbricate pe mai multe niveluri.
lista numerotata
lista numerotata este un set de elemente (articole de listă) care au o anumită secvență. Fiecare articol dintr-o listă numerotată are un marcator unic care indică ordinea articolului în raport cu celelalte articole din listă. În mod implicit, marcatorii pentru elementele listei numerotate sunt numere. Primul articol trece sub numărul 1, al doilea sub numărul 2 și așa mai departe.
Cele mai comune exemple de liste numerotate sunt rețetele pentru gătit diverse feluri de mâncare. Deoarece orice rețetă este o listă numerotată, cu o secvență clară de acțiuni.
Pentru a crea liste numerotate în HTML, utilizați eticheta
- , în interiorul căruia se află elementele listei cu date. Fiecare element din listă este identificat cu o etichetă.
Stiluri de listă numerotate
Exemplu Sens Descriere a, b, c alfa inferior Litere mici A, B, C alfa superioară Litere mari i, ii, iii roman inferior Cifre romane cu litere mici I, II, III roman superior Cifre romane cu majuscule Exemplu: aplicarea unei proprietăți CSS tip-stil-listă
Liste cu marcatori
Liste cu marcatoriîn esență asemănătoare celor numerotate, doar că nu conțin numerotarea secvențială a paragrafelor. Listele cu marcatori sunt create folosind un element de bloc
EtichetăÎn exemplul următor, puteți vedea că, în mod implicit, un mic marcator de cerc umplut este adăugat în fața fiecărui element din listă:
În interiorul etichetei
Liste imbricate
Orice listă poate fi imbricată în alta. În interiorul unui elementExemplu: liste imbricate
Formatarea listelor cu marcatori
Pentru schimbare aspect marcatorii de listă ar trebui să utilizeze proprietatea tip-stil-listă foi de stil css:
Următorul exemplu arată diferite stiluri pentru listele cu marcatori:
Exemplu: Stiluri de listă cu marcatori
Disc:
cerc:
pătrat:
Nici unul:
Markere grafice.
În HTML, este posibilă crearea unei liste cu markeri grafici. Un lucru este atunci când marcatorii de listă sunt cercuri sau pătrate standard și cu totul altul când dezvoltatorul selectează singur marcatorul în conformitate cu designul paginii. Pentru a face elementele din listă să arate frumos, sunt adesea folosite imagini mici.
Pentru a înlocui un marcator obișnuit cu unul grafic, înlocuiți proprietatea tip-stil-listă pe proprietate listă-stil-imagineși specificați adresa URL a imaginii:Exemplu: markeri grafici
semne zodiacale
semne zodiacale
Liste de definiții (descrieri)
Listele de definiții sunt foarte utile pentru a crea, de exemplu, glosarul personal de termeni. Fiecare element din lista de definiții are două părți: termenul și definiția acestuia.
Puneți întreaga listă într-un element
Listele de definiții sunt adesea folosite în publicațiile științifice, tehnice și educaționale, realizând glosare, dicționare, cărți de referință etc. cu ajutorul lor.Structura generală a listei de descrieri este următoarea:
Următorul exemplu arată unul dintre posibile utilizări lista de definitii:
Exemplu: Listă de definiții
World Wide Web - din engleză. World Wide Web (WWW) este un sistem distribuit care oferă acces la documente interconectate situate pe diferite computere conectate la Internet. Internetul este un set de rețele care utilizează un singur protocol de schimb pentru a transfera informații. Un site este un set de pagini web individuale care sunt legate prin link-uri și au un design comun.
În mod implicit, textul termenului este amplasat în marginea stângă a ferestrei browserului, iar descrierea termenului este situată mai jos și deplasată la dreapta.
Listele numerotate sunt un set de elemente cu numerele lor de serie. Tipul și tipul numerotării depind de atributele etichetei
- , care este folosit pentru a crea lista. Fiecare articol dintr-o listă numerotată este identificat printr-o etichetă
Aici: tip - caracterele listei:
Dacă doriți ca lista să înceapă cu un alt număr decât 1, trebuie să specificați acest lucru folosind atributul start etichetă
Următorul exemplu arată o listă ordonată cu cifre romane mari și valoarea initiala XLIX:Numerotarea poate fi începută și folosind atributul valoare, care se adaugă elementului
Exemplu de înregistrare:
- .
- .
O astfel de notație determină numerotarea listei din litera latină majusculă „E”. Pentru alte tipuri de numerotare, intrarea START=5 va seta numerotarea, respectiv, de la cifra „5”, cifra romana „V”, etc.
Modificarea tipului de numerotare a listei și a valorilor numerelor se poate face și pentru orice element al listei. Etichetă
- pentru liste numerotate, permite utilizarea parametrilor TYPE și VALUE. Parametrul TYPE poate lua aceleași valori ca pentru etichetă
Parametrul COMPACT are aceeași semnificație ca și listele cu marcatori. Parametrul TYPE este utilizat pentru a specifica modul în care este numerotată lista. Poate lua următoarele valori:
TIP = A - setează marcatori sub formă de litere mari latine;
TIP = a - setează marcaje sub formă de litere latine mici;
TIP = I - setează marcaje sub formă de cifre romane mari;
TIP = i - setează marcaje sub formă de cifre romane mici;
TIP = 1 - setează marcatori sub formă de cifre arabe.
În mod implicit, valoarea TYPE = 1 este întotdeauna utilizată, adică numerotarea folosind cifre arabe. Acest lucru se aplică și listelor ordonate imbricate. Aici, spre deosebire de listele cu marcatori, browserele în mod implicit nu fac numerotare diferite la diferite niveluri de imbricare ale listelor. Rețineți că după numărul elementului de listă, semnul „punct” este întotdeauna afișat suplimentar.
Parametrul TYPE cu aceleași valori poate fi utilizat pentru a specifica modul în care trebuie numerotate elementele individuale ale listei. Pentru a face acest lucru, parametrul TYPE cu valoarea corespunzătoare poate fi specificat în eticheta elementului listă
Listele de acest tip sunt de obicei o succesiune ordonată de elemente individuale. Diferența față de listele cu marcatori este că într-o listă numerotată, fiecare element este precedat automat de un număr de serie. Tipul de numerotare depinde de browser și poate fi setat de parametrii etichetelor listei. În caz contrar, implementarea listelor numerotate seamănă mult cu implementarea listelor marcate.
Etichete
- și
Pentru a crea o listă numerotată, ar trebui să utilizați eticheta container, în interiorul căreia se află toate elementele listei. Etichetele de început și de sfârșit ale listei oferă o întrerupere de linie înainte și după listă, separând astfel lista de conținutul principal al documentului.
Ca și în cazul unei liste cu marcatori, fiecare articol dintr-o listă cu marcatori trebuie să înceapă cu eticheta
Iată un exemplu de document HTML care utilizează o listă de definiții:
Exemplu de lista de definiții Clasificarea temperamentelor umane tipice,
fondatasupra vederilor lui Hipocrate
Afișarea documentului HTML dat în browser este prezentată în Fig. 2.5.
Orez. 2.5. Listă de definiții (seamănă cu un grup de intrări dintr-un dicționar)
Liste de tip
și - .
Inițial, listele de aceste tipuri au fost concepute ca fiind mai compacte decât listele convenționale cu marcatori. Conform regulilor de scriere a elementelor acestor liste, nu li s-a permis să utilizeze elemente bloc, ceea ce înseamnă că este imposibil să se implementeze imbricarea listelor de acest tip. Fiecare element al listei era o linie de text.
Pentru liste ca
s-a planificat introducerea unei limite a „lungimii textului elementului de listă (24 de caractere). O astfel de restricție ar permite liste de tipări
într-o formă similară cu listarea directoarelor în sisteme de operare UNIX și MS-DOS când utilizați comutatorul /W (în mai multe coloane). În plus, marcatoarele nu au fost afișate pentru articolele din listă de acest tip. În prezent, toate aceste idei nu au fost implementate, deoarece utilizarea în continuare a listelor de aceste tipuri nu este recomandată. Versiunile moderne de browsere redă liste de aceste tipuri exact în același mod ca și listele de acest tip
- .
Liste imbricate
Există momente când un element de listă de un tip trebuie să includă o listă întreagă de același tip sau altul. Aceasta va organiza liste cu mai multe niveluri sau imbricate. HTML permite imbricarea arbitrară a diferitelor tipuri de liste, dar trebuie avut grijă atunci când le organizați.
Mai jos este codul HTML al documentului cu liste imbricate, a cărui afișare este prezentată în Fig. 2.6. În acest exemplu, fiecare element al listei cu marcatori are propria sa listă numerotată.
Exemplu de listă imbricată Sateliții unor planete
- , pot fi plasate elemente la nivel de bloc. Rezultă, în special, că listele de definiții pot fi imbricate.
-
P exemplu de înregistrare:
- .
- .
O astfel de notație determină numerotarea listei din litera latină majusculă „E”. Pentru alte tipuri de numerotare, intrarea START=5 va seta numerotarea, respectiv, de la cifra „5”, cifra romana „V”, etc.
Modificarea tipului de numerotare a listei și a valorilor numerelor se poate face și pentru orice element al listei. Etichetă
- pentru liste numerotate, permite utilizarea parametrilor TYPE și VALUE. Parametrul TYPE poate lua aceleași valori ca pentru etichetă
Parametrul COMPACT are aceeași semnificație ca și listele cu marcatori. Parametrul TYPE este utilizat pentru a specifica modul în care este numerotată lista. Poate lua următoarele valori:
TIP = A - setează marcatori sub formă de litere mari latine;
TIP = a - setează marcaje sub formă de litere latine mici;
TIP = I - setează marcaje sub formă de cifre romane mari;
TIP = i - setează marcaje sub formă de cifre romane mici;
TIP = 1 - setează marcatori sub formă de cifre arabe.
În mod implicit, valoarea TYPE = 1 este întotdeauna utilizată, adică numerotarea folosind cifre arabe. Acest lucru se aplică și listelor ordonate imbricate. Aici, spre deosebire de listele cu marcatori, browserele în mod implicit nu fac numerotare diferite la diferite niveluri de imbricare ale listelor. Rețineți că după numărul elementului de listă, semnul „punct” este întotdeauna afișat suplimentar.
Parametrul TYPE cu aceleași valori poate fi utilizat pentru a specifica modul în care trebuie numerotate elementele individuale ale listei. Pentru a face acest lucru, parametrul TYPE cu valoarea corespunzătoare poate fi specificat în eticheta elementului listă
Liste de acest tip reprezintă de obicei o succesiune ordonată de elemente individuale. Diferența față de listele cu marcatori este că într-o listă numerotată, fiecare element este precedat automat de un număr de serie. Tipul de numerotare depinde de browser și poate fi setat de parametrii etichetelor listei. În caz contrar, implementarea listelor numerotate seamănă mult cu implementarea listelor marcate.
Etichete
- și
Pentru a crea o listă numerotată, ar trebui să utilizați o etichetă de container, în interiorul căreia se află toate elementele listei. Etichetele listei de deschidere și de închidere oferă o întrerupere de linie înainte și după listă, separând astfel lista de conținutul principal al documentului.
Ca și în cazul unei liste cu marcatori, fiecare articol dintr-o listă cu marcatori trebuie să înceapă cu eticheta
- Indicarea către elementele individuale ale listei oferă marcatori standard pentru elementele listei.
Parametrul COMPACT este scris fără valoare și este folosit pentru a indica browserului că lista dată trebuie afișată într-o formă compactă. De exemplu, fontul sau spațierea dintre liniile unei liste pot fi reduse etc.
Notă
În prezent, prezența parametrului COMPACT în etichetă
- nu afectează afișarea listelor de către browserele de top. Prin urmare, utilizarea acestui parametru este lipsită de sens, mai ales că utilizarea lui nu este recomandată de specificația HTML 4.0.
Parametrul TYPE poate lua următoarele valori: disc, cerc și pătrat. Acest parametru este folosit pentru a forța apariția marcatorilor de listă. Aspectul exact al marcatorului va depinde de browserul pe care îl utilizați. Opțiunile tipice de afișare sunt următoarele:
TIP = disc - marcatorii sunt afișați ca cercuri umplute; TIP = cerc - marcatorii sunt afișați ca cercuri necompletate; TIP = pătrat - marcatorii sunt afișați ca pătrate umplute. Exemplu de înregistrare:
-
.
Valoarea implicită este TYPE = disc. Pentru listele cu marcatori imbricate, valoarea implicită este disc la primul nivel, cerc la al doilea nivel și pătrat la al treilea nivel. Este exact ceea ce se face în ultimele versiuni Browsere Netscape și Internet Explorer. Rețineți că alte browsere pot afișa markeri diferit. De exemplu, în specificația HTML 4.0, tipul de marcator afișat când TYPE = pătrat este specificat ca un contur pătrat.
Parametrul TYPE cu aceleași valori poate fi utilizat pentru a specifica tipul de marcatori pentru elementele individuale ale listei. Pentru a face acest lucru, parametrul TYPE cu valoarea corespunzătoare poate fi specificat în eticheta elementului listă
- .
- ,
- ,
- , cu ajutorul cărora listele de acest tip sunt organizate în documente HTML (UL - Unordered List, neorded list).
Într-o listă cu marcatori, pentru a-și evidenția elementele, se folosesc caractere speciale, numite marcatori de listă (numite adesea marcatori, care este sunetul formal al termenului englezesc bullet). Aspectul markerilor de listă este determinat de browser, iar atunci când se creează liste imbricate, browserele diversifică automat aspectul markerilor de diferite niveluri de imbricare.
Etichete și<LI >
Pentru a crea o listă cu marcatori, trebuie să utilizați un container-tag, în interiorul căruia se află toate elementele listei. Etichetele listei de deschidere și de închidere oferă o întrerupere de linie înainte și după listă, separând astfel lista de conținutul principal al documentului, astfel încât nu este nevoie să folosiți etichete de paragraf aici.
.
Fiecare element din listă trebuie să înceapă cu o etichetă
