Elemente din componenta documentelor Web

Elemente din componenta documentelor Web

Crearea listelor

Pentru organizarea structurată a informaţiei unui document HTML se pot folosi listele. Deosebim următoarele liste:

• Liste neordonate;

• Liste ordonate;

• Liste de definiţii.

Liste neordonate

- se utilizează pentru a indica o succesiune fără o subordonare ierarhică.

Pentru a specifica începutul şi sfîrşitul unei astfel de liste se utilizează etichetele <UL> şi </UL>

        Orice element al listei este precedat de eticheta <LI> (nu este nevoie de </LI>)

Liste neordonate

Multiple Choice

Cîte niveluri de titlu se pot utiliza în HTML?

• de la -6 la 6.

• de la 0 la 8.

• de la 1 la 6.

• de la 1 la 4.

Multiple Choice

Textul x² va fi scris astfel

• x<s>2

• <sup>x2

• x<sup>2

• x<sub>2

Multiple Choice

Pentru crearea listelor neordonate se folosesc comenzile

• <ol> și <li>

• <ol> și <ul>

• <ul> și <li>

• toate variantele sunt sorecte

Liste neordonate

Fiecărei etichete <UL> şi <LI> i se poate ataşa atributul TYPE, care poate lua una dintre următoarele trei valori:

CIRCLE;

SQUARE;

DISC.

Liste ordonate (numerotate)

- se încadrează între etichetele <OL> şi </OL>

- orice element al listei ordonate este precedat de eticheta <LI>

Liste ordonate (numerotate)

Fiecărei etichete <OL> şi <LI> i se poate ataşa atributul TYPE, care poate lua una dintre următoarele trei valori:

A, B, C... sau a, b, c...;

I, I, III, ...;

1, 2, 3, ...

Multiple Select

Care sunt valorile atributului TYPE al unei liste neordonate?

• square

• disc

• A, B, C,...

• 1, 2, 3, ....

Multiple Select

Care sunt valorile atributilui TYPE al unei liste ordonate?

• circle

• I, II, III,...

• a, b, c, ...

• 1, 2, 3, ...

Multiple Choice

Care vor fi etichetele de început, respectiv de sfârșit pentru a realiza o listă ordonată.

• <OL> </OL>

• <UL> </UL>

• <DL> </DL>

• <DT> </DT>

Liste de definiții

- se utilizează de regulă pentru organizarea glosarelor.

Listele de definiţii se încadrează între <DL> şi </DL>. Fiecare membru este precdeat de eticheta <DT> iar definiţia de <DD>

Observaţii:

1.    Listele pot fi imbricate;

2.    În interiorul unei liste sunt permise utilizarea etichetelor <P> şi <BR> şi a elementelor de formatare a textelor;

3.    O listă ordonată poate fi întreruptă pentru un text. În acest caz se folosesc două seturi de etichete <OL>: una pentru prima parte a listei (pînă la textul înserat) şi alta pentru partea a doua (după text). În acest caz etichetei <OL> din partea a două a listei i se ataşează atributul START cu valoarea întreagă, care indică începutul numerotării.

Observații

Tag-ul <li> poate avea un atribut value care stabilește valoare pentru elementul respectiv al listei. Valoarea acestui atribut trebuie să fie un numar intreg pozitiv

Multiple Choice

O listă ordonată este delimitată de perechea de etichete

• <OL> </OL>

• <DL> </DL>

• <UL> </UL>

• <DI> </DI>

Multiple Choice

Care tag creeaza o lista cu marcatori?

• <list>

• <ol>

• <ul>

• <dl>

Multiple Choice

O listă neordonată este un bloc de text delimitat de etichetele corespondente

• <UL> </UL>

• <OL> </OL>

• <DL> </DL>

• <DT> </DT>

Multiple Choice

O listă ordonată este un bloc de text delimitat de etichetele corespunzătoare

• <OL> </OL>

• <UL> </UL>

• <DT> </DT>

• <DD> </DD>

Multiple Choice

Tag-ul <OL> poate avea un atribut care stabilește valoarea inițială a secvenței de ordonare

• value

• start

• init

• type

Multiple Choice

Care este perechea de marcaje a unei liste de definiții?

• <DL> </DL>

• <DT> </DT>

• <DD> </DD>

• <DU> </DU>

Multiple Select

Tag-urile <UL> și <LI> poate avea următorul atribut:

• align

• value

• type

• start

Multiple Select

Al cărui tag, atributul type, poate avea următoarele valori posibile ”circle” ”square” ”disc”?

• <UL>

• <LI>

• <OL>

• <DT>

Multiple Choice

Definiția unui termen este inițiată de eticheta?

• <DT>

• <DD>

• <DI>

• <DL>

Open Ended

Creaţi o pagină web care va afişa titlul „Disciplinele preferate” pe fundalul bleu, de nivelul 4, după care va urma o listă neordonată cu disciplinele respective. În calitate de semn de marcare se va folosi pătratul.

Open Ended

Creaţi o pagină web care va afişa titlul „Obiectele studiate în primul an de liceu” pe fundalul bleu, de nivelul 3, după care va urma o listă neordonată cu aceste obiecte. După listă vor fi 2 rînduri goale şi va apărea altă listă neordonată cu examenele şi notele unei sesiuni.

Open Ended

Creați o pagină Web care va afișa o listă ordonată a unor produse culinare. Lista va fi întreruptă de următorul text cursiv: ”Aceste produse culinare sunt pe placul meu, acum urmează produsele culinare care nu-mi plac”. Titlul listei va avea nivelul 4 de culoare albastră.

Open Ended

Creați o pagină Web care va crea definițiile a 5 noțiuni geometrice precedate de titlul: ”Noțiuni geometrice” de nivelul 3 având culoare gri, aliniat la dreapta și despărțit de noțiuni printr-o linie orizontală neagră cu înălțimea 3, aliniată la centru.

Open Ended

De creat un HTML care va afișa următoarea pagină web.

Open Ended

De creat un HTML care va afişa următoarea pagină web

Open Ended

De creat un HTML care va afişa următoarea pagină web