Korzystanie z listy HTML w projektowaniu stron internetowych

Listy uporządkowane, listy nieuporządkowane i listy definicji

The język HTML obsługuje trzy różne typy list. Domyślnie używają standardowych znaczników i renderują w standardowy sposób, chociaż bardziej rozbudowana stylizacja każdego z tych elementów zazwyczaj wymaga arkusza stylów.

Trzy rodzaje list w HTML

HTML oferuje trzy przypadki użycia do wyświetlania treści na stronie.

Listy uporządkowane: Są to czasami nazywane listy numerowane ponieważ domyślnie elementy listy zawarte na tej liście mają określony porządek liczbowy lub ranking. Listy uporządkowane są odpowiednie, gdy dokładna kolejność elementów jest ważna dla znaczenia treści. Na przykład przepis prawdopodobnie użyje uporządkowanej listy, ponieważ kroki występują po kolei. Każdy proces krok po kroku najlepiej przedstawić jako uporządkowaną listę.Listy nieuporządkowane: Są to czasami nazywane listy punktowane ponieważ domyślny wygląd nieuporządkowanej listy to małe ikony punktorów przed elementami listy. Tego typu listy najlepiej używać, gdy kolejność elementów nie jest istotna. Pozycje listy będą wyświetlane w dowolnej kolejności, w jakiej je zakodujesz w kodzie HTML, ale to Ty decydujesz o tej kolejności i, w przeciwieństwie do przepisu lub procesu krok po kroku, kolejność może zostać zmieniona, a znaczenie treści nie ucierpi.Listy definicji: Są to listy pozycji, które składają się z dwóch części, terminu do zdefiniowania i definicji. Są one powszechnie używane do wyświetlania pary definicji/opisu, jak w słowniku, ale listy definicji mogą być również używane do wielu innych rodzajów treści.

Listy w ogóle

W przypadku list wszystkie elementy są sparowane z otwierającymi i zamykającymi znacznikami. Te pary rządzą zarówno znacznikami typu listy, jak i poszczególnymi elementami listy.

Listy uporządkowane

Użyj

1. tag (zakończenie

tag jest wymagany), aby utworzyć listę numerowaną z numerami zaczynającymi się od 1. Elementy są tworzone za pomocą

para tagów.

HTML wygląda tak:

|_+_|

1. Krok pierwszy
2. Krok drugi
3. Krok trzeci

A wynik wygląda tak:

1. Krok pierwszy
2. Krok drugi
3. Krok trzeci

Listy nieuporządkowane

Użyj

• tag (zakończenie tag jest wymagany), aby utworzyć listę z punktorami zamiast liczb. Podobnie jak w przypadku uporządkowanej listy, elementy tworzone są za pomocą
• para tagów.

HTML wygląda tak:

|_+_|

• Jabłka
• Pomarańcze
• Gruszki

A wynik wygląda tak:

• Jabłka
• Pomarańcze
• Gruszki

Listy definicji

Listy definicji tworzą listę z dwiema częściami dla każdego wpisu: nazwą lub terminem do zdefiniowania oraz definicją. Posługiwać się

aby utworzyć listę i użyć określić termin i

HTML wygląda tak:

|_+_|
Kot
Słodkie czworonożne zwierzę.
Internet
Społeczność internetowa zoptymalizowana pod kątem zdjęć kotów.

A wynik wygląda tak: