

Elemente din componenta documentelor Web
Presentation
•
Computers
•
5th Grade
•
Practice Problem
•
Hard
Tanea Tofan
Used 11+ times
FREE Resource
21 Slides • 22 Questions
1
Elemente din componenta documentelor Web
Crearea listelor

2
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.
3
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>)
4
Liste neordonate
5
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.
6
Multiple Choice
Textul x2 va fi scris astfel
x<s>2
<sup>x2
x<sup>2
x<sub>2
7
Multiple Choice
Pentru crearea listelor neordonate se folosesc comenzile
<ol> și <li>
<ol> și <ul>
<ul> și <li>
toate variantele sunt sorecte
8
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.
9
10
Liste ordonate (numerotate)
- se încadrează între etichetele <OL> şi </OL>
- orice element al listei ordonate este precedat de eticheta <LI>
11
12
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, ...
13
14
Multiple Select
Care sunt valorile atributului TYPE al unei liste neordonate?
square
disc
A, B, C,...
1, 2, 3, ....
15
Multiple Select
Care sunt valorile atributilui TYPE al unei liste ordonate?
circle
I, II, III,...
a, b, c, ...
1, 2, 3, ...
16
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>
17
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>
18
19
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.
20
21
22
23
24
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
25
26
27
28
Multiple Choice
O listă ordonată este delimitată de perechea de etichete
<OL> </OL>
<DL> </DL>
<UL> </UL>
<DI> </DI>
29
Multiple Choice
Care tag creeaza o lista cu marcatori?
<list>
<ol>
<ul>
<dl>
30
Multiple Choice
O listă neordonată este un bloc de text delimitat de etichetele corespondente
<UL> </UL>
<OL> </OL>
<DL> </DL>
<DT> </DT>
31
Multiple Choice
O listă ordonată este un bloc de text delimitat de etichetele corespunzătoare
<OL> </OL>
<UL> </UL>
<DT> </DT>
<DD> </DD>
32
Multiple Choice
Tag-ul <OL> poate avea un atribut care stabilește valoarea inițială a secvenței de ordonare
value
start
init
type
33
Multiple Choice
Care este perechea de marcaje a unei liste de definiții?
<DL> </DL>
<DT> </DT>
<DD> </DD>
<DU> </DU>
34
Multiple Select
Tag-urile <UL> și <LI> poate avea următorul atribut:
align
value
type
start
35
Multiple Select
Al cărui tag, atributul type, poate avea următoarele valori posibile ”circle” ”square” ”disc”?
<UL>
<LI>
<OL>
<DT>
36
Multiple Choice
Definiția unui termen este inițiată de eticheta?
<DT>
<DD>
<DI>
<DL>
37
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.
38
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.
39
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ă.
40
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.
41
Open Ended
De creat un HTML care va afișa următoarea pagină web.
42
Open Ended
De creat un HTML care va afişa următoarea pagină web
43
Open Ended
De creat un HTML care va afişa următoarea pagină web
Elemente din componenta documentelor Web
Crearea listelor

Show answer
Auto Play
Slide 1 / 43
SLIDE
Similar Resources on Wayground
36 questions
Chemistry Foundations OL Review
Presentation
•
6th Grade
38 questions
CTBA 4 Concepts Lesson
Presentation
•
4th Grade
36 questions
Percents, Decimals, and Fractions
Presentation
•
5th - 6th Grade
37 questions
fractions addition soustraction et multiplication par un décimal
Presentation
•
5th Grade
38 questions
Aula - Processo de Comunicação
Presentation
•
Professional Development
37 questions
Indústria
Presentation
•
KG
36 questions
3° REVISIÓN EVALUACIÓN
Presentation
•
5th Grade
38 questions
250526 5ano conceitos de TIC
Presentation
•
5th Grade
Popular Resources on Wayground
24 questions
PBIS-HGMS Day 10
Quiz
•
6th - 8th Grade
10 questions
HCS SCI 03 Summer School Review 3
Quiz
•
3rd Grade
11 questions
Home Scope
Quiz
•
7th - 8th Grade
15 questions
HCS SCI 05 Summer School Assessment 3 Review
Quiz
•
5th Grade
35 questions
Lufkin Road Middle School Student Handbook & Policies Assessment
Quiz
•
7th Grade
18 questions
Geo 11.3 Area of Circles and Sectors
Quiz
•
9th - 11th Grade