Sunteți pe pagina 1din 3

Marcatori si numerotare

Liste neordonate
<ul> este elementul de nceput si dupa scrierea listei se incheie cu </ul>.
Majoritatea elementelor pentru marcatori si numerotare sunt compuse din unu sau mai multe
elemente <li> ... </li> (list element). Fara atributul "type" specificat in "<ul>" acestea
prezint un marcaj ca un bullet.
Exemplu:
<html>
<head>
<title>Liste neordonate</title>
</head>
<body>
<ul>
<li>List item 1 ...</li>
<li>List item 2 ...</li>
<li>List item 3 ...</li>
</ul>
</body>
</html>
Sunt 3 tipuri de marcaje: disc, circle (cerc) si square (patrat)
Tipul de marcaj care se doreste folosit se introduce prin atributul type in eticheta <ul>

Exemplu:
<html>
<head>
<title>Liste neordonate</title>
</head>
<body>
<ul type="square">
<li>List item 1 ...</li>
<li>List item 2 ...</li>
<li>List item 3 ...</li>
</ul>
</body>
</html>

Listelor ordonate
<ol> ... </ol> este un element de numerotare. Elementele din lista sunt numerotate automat.
Impreuna cu <ol> se foloseste <li> ... </li>
Exemplu:
<html>
<head>
<title>Liste ordonate </title>
</head>
<body>
<ol>
<li>List item 1 ...</li>
<li>List item 2 ...</li>
<li>List item 3 ...</li>
</ol>
</body>
</html>

Sunt mai multe tipuri de numerotare care pot fi folosite. Acestea sunt controlate de atributul "type care
este adaugat in elementul <ol>, le puteti vetea mai jos:
type="1" - stil: 1, 2, 3, ...
type="a" - stil: a, b, c, ...
type="i" - stil: i, ii, iii, ...
type="I" - stil: I, II, III, ...
De asemenea se poate specifica numarul de inceput al numerotarii printr-o valoare data
atributului start.

Exemplu:
<html>
<head>
<title>Liste ordonate </title>
</head>
<body>
<ol type="a">
<li>List item 1 ...</li>
<li>List item 2 ...</li>
<li>List item 3 ...</li>
</ol>
</body>
</html>

sau
<html>
<head>
<title>Liste ordonate </title>
</head>
<body>
<ol type="I" start="3">
<li>List item 1 ...</li>
<li>List item 2 ...</li>
<li>List item 3 ...</li>
</ol>
</body>
</html>

Liste de definitii
<dl> ... </dl> este folosit (impreuna cu "dt" si "dd") pentru definirea si incadrarea unei liste de
definitii.
<dt> ... </dt> Defineste elementul din lista. Fiecare tip de astfel de element trebuie precedat de
unul sau mai multe elemente <dd> ... </dd>, folosite pentru descrierea elementului definit.
Aceste elemente ajuta pentru a da un aspect ordonat si placut textului si a putea face o separare mai
buna a continutului.

Exemplu :
<html>
<head>
<title>Liste definite</title>
</head>
<body>
<dl>
<dt>HTML</dt>
<dd> - Hyper Text Markup Language</dd>
<dd> - Limbaj pentru pagini web</dd>
<dt>Dog</dt>
<dd>dog = caine</dd>
<dd>animal de casa</dd>
</dl>
</body>
</html>


FISA DE LUCRU:


1. LACTATE
A. UNT
B. LAPTE
C. I AURT
2. MEZELURI
A. SALAM
B. SUNCA
C. PARI ZER

S-ar putea să vă placă și