CSS: wśród selektorów część 1.
23 października, 2024Przykład kodu CSS: Kod HTML do przykładu: Elementy języka html możemy modyfikować za pomocą wielu znaczników klas, które mogą być...
Czytaj dalejHTML: listy
Listy
Listy występują również w języku HTML. Są one wykorzystywane między innymi, poza oczywistym wypisywaniem treści w liście, czy do tworzenia menu nawigacyjnego służącego do poruszania się po stronie. Listy dzielimy na dwa rodzaje: listę posortowaną <ol> oraz listę nieposortowaną <ul>,
a elementy listy definiujemy za pomocą znacznika <li>.
<!DOCTYPE html>
<html>
<body>
<h1>Listy</h1>
<h2>Lista posortowana</h2>
<ol>
<li>Element listy</li>
<li>Element listy</li>
<li>Element listy</li>
</ol>
<h2>Lista nieposortowana</h2>
<ul>
<li>Element listy</li>
<li>Element listy</li>
<li>Element listy</li>
</ul>
</body>
</html>Sposoby wyświetlania list
W listach <ol>, sposób wyświetlania możemy modyfikować za pomocą atrybutu type. Wartość, od której się zaczynają, definiujemy za pomocą atrybutu value. Listy można zagnieżdżać.
<ol> <li value="5">Element listy</li> <li>Element listy</li> <li>Element listy</li> </ol> <ol type="A"> <li>Element listy</li> <li>Element listy</li> <li>Element listy</li> </ol> <ol type="a"> <li>Element listy</li> <li>Element listy</li> <li>Element listy</li> </ol> <ol type="I"> <li>Element listy</li> <li>Element listy</li> <li>Element listy</li> </ol> <ol type="i"> <li>Element listy</li> <li>Element listy</li> <li>Element listy</li> </ol>
Zagnieżdżanie list
<ol type="I">
<li>Element listy:
<ol type="i">
<li>Element listy</li>
<li>Element listy</li>
<li>Element listy</li>
</ol>
</li>
<li>Element listy</li>
<li>Element listy</li>
</ol>Deprecated: Funkcja WP_User->id została wywołana z argumentem, którego użycie jest przestarzałe od wersji 2.1.0! Zamiast tego użyj
WP_User->ID. in /home/infedupl/domains/informatyk.edu.pl/public_html/wp-includes/functions.php on line 6121Deprecated: Funkcja WP_User->id została wywołana z argumentem, którego użycie jest przestarzałe od wersji 2.1.0! Zamiast tego użyj
WP_User->ID. in /home/infedupl/domains/informatyk.edu.pl/public_html/wp-includes/functions.php on line 6121
Podobne wpisy na blogu
Python: pętla for i while
21 kwietnia, 2024Wstęp Pętle to kluczowy element każdego języka programowania, i Python nie jest wyjątkiem. Pomimo skomplikowanego wyglądu, są one narzędziem ułatwiającym...
Czytaj dalejPython: Instrukcje warunkowe i operatory logiczne
7 marca, 2024Wstęp Instrukcje warunkowe są kluczowym narzędziem do kontrolowania przepływu programu w świecie programowania. W języku Python, pozwalają one programiście wykonać...
Czytaj dalej