HTML contine cateva tag-uri utile pentru asezarea continutului sub forma de liste. Prin acestea textul este mai usor de citit si evidentiat.
Un element des folosit in formarea listelor (neordonate) este <ul>
.
<h4>Exemplu liste UL</h4> <ul> <li>List item 1 ...</li> <li>List item 2 ...</li> <li>List item 3 ...</li> </ul>
list-style-type
in style
.<h4>Exemplu liste UL square</h4> <ul style='list-style-type: square;'> <li>List item 1 ...</li> <li>List item 2 ...</li> <li>List item 3 ...</li> </ul>
Un alt element folosit pentru formarea listelor este <ol>. Acesta afiseaza listele ordonate numeric.
<h4>Exemplu liste OL</h4> <ol> <li>List item 1 ...</li> <li>List item 2 ...</li> <li>List item 3 ...</li> </ol>
Sunt mai multe tipuri de numerotare care pot fi folosite. Acestea pot fi controlate cu atributul type
care se adauga in tag-ul <ol>
.
<h4>Exemplu liste OL cu type</h4> <ol type='a'> <li>List item 1 ...</li> <li>List item 2 ...</li> <li>List item 3 ...</li> </ol><br> - Alta lista, type='I': <ol type='I'> <li>List item 1 ...</li> <li>List item 2 ...</li> <li>List item 3 ...</li> </ol>
Se poate specifica numarul de inceput al numerotarii printr-o valoare data atributului: start
.
Numerotarea se poate inversa aplicand atributul: reversed
<h4>Exemplu liste OL cu start si reversed</h4> OL cu start='3' <ol start='3'> <li>List item 1 ...</li> <li>List item 2 ...</li> <li>List item 3 ...</li> </ol><br> - Alta lista: type='i', start='3' si reversed: <ol type='i' start='3' reversed> <li>List item 1 ...</li> <li>List item 2 ...</li> <li>List item 3 ...</li> </ol>
<h4>Exemplu liste imbricate</h4> <ol> <li><p>Acesta e un paragraph<br> O noua linie...</p></li> <li>Tutorial HTML: <ul type='square'> <li>Lista UL imbricata.</li> <li>Alta lista imbricata.</li> </ul> </li> <li>Rabdare cu Iubire, si invers.</li> </ol>
Observati ca tot continutul din elementul imbricat <ul> ... </ul> este adaugat in cadrul unui <li> </li>.
<input type="date" name="set_date" value="2012-10-15" />
h2 { text-shadow: 2px 3px 3px #a0a1fe; }
var pags = ["lectii", "cursuri"]; pags.push("download", "tutoriale"); alert(pags[2]); // download
$lang =[10=>"PHP", 20=>"JavaScript", "site"=>"coursesweb.net"); ksort($lang); var_export($lang); // array ("site"=>"coursesweb.net", 10=>"PHP", 20=>"JavaScript")
He is bigger than his sister. - El este mai mare decat sora lui.
Él es más grande que su hermana. - El este mai mare decat sora lui.