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>.
<div style="width: 80%; border: 3px solid #888888;">Continut</div>
#un_id { transform: skew(20deg, 25deg); -ms-transform: skew(20deg, 25deg); /* IE 9 */ -webkit-transform: skew(20deg, 25deg); /* Safari and Chrome */ }
var rightnow = new Date(); alert( rightnow.toString() );
$arr = arra("abc", "<p>xyz</p>", "<em>PHP</em>"); // aplica functia strip_tags() ca sa stearga tag-urile HTML din fiecare element din %arr $arr = array_map("strip_tags", $arr); }
On Saturday I visit my grandparents. - Sambata imi vizitez bunicii.
Sábado visito mis abuelos. - Sambata imi vizitez bunicii.