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="color" name="get_color" />
#some_id:hover { transform: rotate(60deg); -ms-transform: rotate(60deg); /* IE 9 */ -moz-transform: rotate(60deg); /* Firefox */ }
var maxn = Math.max(8, 4, 88, 56); alert(maxn); // 88
include_once("un_fisier.php");
Most people arrived ahead of time. - Cei mai multi oameni au sosit inainte de vreme (prea devreme).
Este fruto es buenísimo. - Acest fruct este extrem /nemaipomenit de bun.