Listy HTML

Uporządkowana lista może wyświetlać dane w różnych formatach, takich jak alfabetyczny, numeryczny, rzymski itp. Domyślnie lista wyświetla „elementy listy” w formie numerycznej, jednak można ją zmienić za pomocą atrybutu „Typ”.

Przykład 1

Zastanówmy się nad następującym przykładem, który określa, jak działa na liście uporządkowaną:

Lista frameworków rozwoju stron internetowych

1. Django


2. Laravel


3. ŻMIJA.Internet


4. Kolba


5. Expressjs

Powyższy kod poda wyjście coś takiego:

Ze wyjścia możemy zauważyć, że lista pojawiła się w formie liczbowej.

Co jeśli wymaganiem jest wyświetlenie listy w innym formacie i.E alfabatyczny, rzymski itp.? W takim przypadku musimy określić format w "typ" atrybut.

Przykład 2

Załóżmy, że musimy zadeklarować elementy listy w formacie alfabetycznym, wówczas atrybut typu zostanie ustawiony na określony format i.mi. „Type = a” lub „typ = a” Jak pokazano w następującym fragmencie:

Lista frameworków rozwoju stron internetowych

1. Django


2. Laravel


3. ŻMIJA.Internet


4. Kolba


5. Expressjs

Teraz ten kod wygeneruje następujące dane wyjściowe:

Przykład 3

Ponadto możemy określić indeks początkowy dla listy za pomocą "początek" Atrybut, jak pokazano w następującym skrypcie:

Lista frameworków rozwoju stron internetowych

6. Django


7. Laravel


8. ŻMIJA.Internet


9. Kolba


10. Expressjs

Dane wyjściowe udowodni, że indeks listy rozpoczął się od „VI”:

Po szczegółowej wiedzy na temat listy uporządkowanej HTML, przejdźmy do przodu i nauczmy się listy HTML Un -Ordersed.

HTML List Un -Oldersed

Ogólnie używane, jeśli nie ma potrzeby układania danych w żadnej określonej kolejności.

znacznik zostanie użyty do utworzenia listy nieopisanej i wewnątrz listy, elementy zostaną zapisane w ramach
• etykietka.

  Lista nieopisana wyświetla dane w różnych formatach, takich jak kwadrat, koło itp. Domyślnie pokazuje „elementy listy” w formie z wyprostów "typ" atrybut.

  Przykład

  Przykład podgrzewania poniżej utworzy dwie nieoporządkowane listy, aw pierwszej liście nie ma wspomnianego typu, więc zapewni wynik w formularzu opolijnym. Jednak na drugiej liście atrybut typu jest ustawiony na kwadrat, w wyniku czego elementy listy zostaną zainicjowane z kwadratem:

  
  
  
  
  
  

  Lista frameworków rozwoju stron internetowych

  
  
  
  
  • Django
  
  
  • Laravel
  
  
  
  
  
  
  • ŻMIJA.Internet
  
  
  • Kolba
  
  
  • Expressjs
  
  
  
  
  

  Wyjście powyższego fragmentu kodu w ten sposób:

  Lista opisów HTML

  Jest również znany jako lista definicji. Służy do opisania/definiowania elementów listy. Na liście opisu używane są trzy typy tagów

  etykietka,

  tag i

  etykietka.

  • Tag reprezentuje listę opisu,

  • Tag reprezentuje warunki danych,
  • Tag reprezentuje definicję danych.

  Przykład

  Poniżej podana kod wdroży listy opisów w celu ustalenia dwóch terminów danych z ich definicją:

  
  
  
  
  
  

  Lista frameworków rozwoju stron internetowych

  
  

  
  

  Django

  
  

  Ramy dla Pythona

  
  

  Laravel

  
  

  Ramy dla PHP

  
  

  
  
  

  Wyjście będzie takie:

  Zagnieżdżone listy

  HTML obsługuje koncepcję zagnieżdżonej listy, co oznacza, że ​​jedna lista może zostać utworzona na drugiej liście.

  Przykład

  W tym przykładzie osadzimy listę nieopisaną na liście uporządkowanej:

  
  
  
  
  
  

  Lista frameworków rozwoju stron internetowych

  
  

  
  
  1. Ramy dla Pythona
     
     
     
     • Django
     
     
     • Kolba
     
     
     • Cherrypy
     
     
     
     
  
  
  2. Ramy dla PHP
     
     
     
     • Laravel
     
     
     • CakePhp
     
     
     • Phalcon
     
     
     
     
  
  

  
  
  

  Wyjście tego przykładu będzie następujące:

  Wniosek

  HTML wymienia grupę różne elementy na liście. HTML oferuje różne tagi do tworzenia list, na przykład

  ,
  , I

  Tagi służą do tworzenia odpowiednio uporządkowanej, nieuporządkowanej i opisowej listy. Ponadto

  Tag określa element listy,

  Tag określa termin opisu, a

  przedstawia definicję

  etykietka.

  Ten samouczek wyjaśnia, jak utworzyć listy uporządkowane, nieopisane, opisowe i zagnieżdżone. Aby lepiej zrozumieć, ten artykuł wyjaśnił każdą listę za pomocą przykładów.