Lista cu marcatori în html

tutoriale online pe TEPKA.ru

Tutorial pe HTML 4

Unul dintre tipurile de liste implementate în limbajul HTML, este o listă cu marcatori. În caz contrar, listele de acest tip sunt numite nenumerotate sau neordonată. Această din urmă Numele este adesea folosit ca o traducere oficială a numelui unei etichete corespunzătoare

, prin care liste de acest tip în document HTML (- o listă neordonată, lista neordonata UL) organizat.

Într-o listă cu marcatori de caractere speciale, numita lista jeton (- adesea numit un glonț cu buline, care este articulat prin formală engleză bullet termen) sunt folosite pentru a separa elementele sale. Vizualizați o listă a markerilor este determinată de browser-ul, și atunci când creați liste de browsere imbricate diversifica automat tipul de markeri de diferite niveluri de imbricare.

tag-uri

și

Pentru a crea o listă cu marcatori, trebuie să utilizați un container de etichete

, toate care sunt localizate în lista de elemente. De deschidere și închidere lista de tag-uri furnizează șiruri de traducere înainte și după lista, separându-se astfel o listă a conținutului principal al documentului, astfel încât nu este nevoie de a utiliza punctul etichete

sau forțată linefeed
.

Fiecare intrare ar trebui să înceapă tag-ul

• (LI - lista de articole, element din listă). etichetă
• Ea nu are nevoie de o etichetă de închidere corespunzătoare, cu toate că prezența sa nu este interzisă în principiu. Browserele de obicei, atunci când se afișează documentul începe fiecare nou element din listă pe o linie nouă.

  Având în vedere suficiente informații pentru a construi un glonț elementar. Aici este un document HTML exemplu, folosind o listă cu marcatori, afișarea browser-ul care este prezentat în Fig. 2.1.

• Prin ozerog

  Fig. 2.1. Afișarea bullet browser-

  Rețineți că, în plus față de o listă de articole este etichetat

• , pot fi alte elemente HTML. În exemplul de mai sus, un astfel de element este text simplu, nu un element din listă, și joacă rolul său din titlu.

  În unele manuale de limba HTML este găsit indicând faptul că eticheta containerului ar trebui să fie folosit pentru a specifica antetul listei (LH - Lista Antet, titlu listă). În prezent, această etichetă nu este recunoscut de către oricare dintre populare browsere și nu este inclusă în caietul de sarcini HTML. Astfel, utilizarea sa devine lipsită de sens, cu toate că aceasta nu va duce la erori.

  eticheta

  Acesta poate fi administrat două opțiuni: COMPACT și tip.

  Parametrul COMPACT este înregistrat fără valoare și este folosit pentru a spune browser-ului că această listă ar trebui să fie afișate într-o formă compactă. De exemplu, fontul poate fi redusă sau distanța dintre liniile din listă și așa mai departe. D.

  În prezent, prezența parametrului tag COMPACT

  Ea nu afectează afișarea listei de browsere de conducere. Prin urmare, utilizarea acestui parametru este lipsită de sens, mai ales că utilizarea sa nu este recomandată specificarea HTML 4. 0.

  Parametrul tip poate lua următoarele valori: disc, cerc și pătrat. Acest parametru este utilizat pentru a provoca tipul de markeri listă. Forma specifică a markerului depinde de browser-ul folosit. Exemplele de realizare ilustrative ale ecranului sunt următoarele:

  TYPE = disc - marcatori apar cercuri solide; TYPE = cerc - markere afișate de cercuri deschise; TYPE = square - corectorii sunt afișate cu pătrate umplute. Exemplu de intrări:

  .

  Valoarea, implicit este TYPE = disc. Pentru liste imbricate cu buline in primul nivel, valoarea implicită este utilizat de disc, al doilea - cerc, pe al treilea și înapoi - pătrat. Asta e ceea ce se face în cele mai recente versiuni de Netscape și Internet Explorer. Rețineți că alte browsere pot afișa markeri diferite. De exemplu, în HTML 4.0 specificație pentru tipul de marker pentru a fi afișat atunci când valoarea TYPE = pătrat, indicat pătrat nevopsită (contur pătrat).

  Parametrul TYPE cu aceleași valori pot fi utilizate pentru a indica tipul de elemente individuale ale listei de markeri. Pentru a face acest lucru, tip de parametru cu valoarea corespunzătoare în etichetă sunt permise pentru a specifica un element din listă

  • .

    Exemplu de intrări:

  • .

    Browserele au diferite interpretări indicarea markerului de tip pentru un element listă individuală. Browser-ul Netscape schimbă aspectul markerului pentru acest lucru și toate cele ulterioare, până când întâlnește următorul marcator de tip suprascriere. browser-ul Internet Explorer doar schimba tipul de marker pentru elementul.

    Marcatori grafice

    Ca lista de markeri, puteți utiliza grafice care sunt utilizate pe scară largă pentru a crea, HTML-documente atractive frumos proiectate. De fapt, o astfel de posibilitate nu este furnizată în mod direct limbajului HTML, și puse în aplicare oarecum artificial. Acest lucru nu înseamnă că acest lucru nu este recomandată sau reprobabile, ci înseamnă numai că nu se va aplica nici un limbaj special construiește HTML.

    Pentru a înțelege conceptul, aveți nevoie pentru a înțelege mecanismul de realizare a listelor în HTML-pagini. Se pare că lista de etichete

    (Așa cum, într-adevăr, și liste de alte tipuri de etichete, discutate mai jos) să efectueze o singură sarcină - spune browser-ului că toate informațiile, care se află după această etichetă trebuie să fie afișat cu o deplasare spre dreapta (adâncitura) printr-o anumită sumă. tag-uri
    • , indicând elementele individuale ale listei, furnizează lista de ieșire elemente de markeri standard.

      Dacă vrem să construim o listă cu marcatori grafice, este posibil să se facă fără tag-uri

    • . Acesta va fi suficient înainte de fiecare element din listă pentru a insera imaginea grafică dorită. Singura sarcină care trebuie rezolvată, în același timp, separarea va lista articolele de la unul pe altul. Puteți utiliza etichete alineatul

      sau forțată linefeed
      . Un exemplu de implementare a listei cu marcatori grafice, harta care este prezentată în Fig. 2.2 este prezentată mai jos:

      Berbec
      

      Taurul
      

      Bliznetsy
      

      Pa
      

      Lev
      

      Fecioară
      

      Balanța
      

      Scorpionul
      

      Ctpelets
      

      Capricornul
      

      Vărsătorul
      

      pește

      Fig. 2.2. Lista cu marcatori cu marcatori grafice

      În exemplul prezentat în fișierul Green_ball.gif grafic este folosit ca un marker pentru elementele listei. Rețineți că utilizarea graficii în HTML-pagini poate crește foarte mult cantitatea de informații transmise. Cu toate acestea, în acest caz, creșterea este foarte mică. Aici, pentru toți markerii folosind același fișier,

      care va fi dat doar o singură dată. dimensiunea fișierului unei imagini mici, ca fiind extrem de nesemnificativ.

      Metode pentru crearea de liste cu marcatori grafice sunt discutate la rândul său, în capitolul 8.