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>.
<table></tr> <td>Cell-1</td><td>Cell-2</td> </tr></table>
h3 { background-image: url("image.jpg"); }
var arr = [1, "ab", "CoursesWeb.net"]; for(var i=0; i< arr.length; i++) { alert(arr[i]); };
$arr =["k1"=>"v1", "k2"=>"v2", "k3"=>"v3"); foreach($arr AS $k => $v) { echo "<br/>". $k ." - ". $v; }
He is so kind and meek. - El este atat de amabil si bland.
Tu padre tiene un carácter muy manso. - Tatal tau are un caracter foarte bland.