Како створити вишеразинску листу у ХТМЛ-у

Креирање вишеслојне листе у ХТМЛ-у теже је од креирања вишеслојне листе у програму за обраду текста, али се ипак може постићи коришћењем ХТМЛ-а и ЦСС-а. У наставку су описани кораци за креирање вишеразинске листе у ХТМЛ-у уз помоћ ЦСС-а.

Пре него што испробате следеће кораке, схватите да да бисте креирали листу на више нивоа у ХТМЛ-у, морате да ставите листу на другу ставку листе. Такође, пошто ХТМЛ има или листу са листом бројева или листу бројева, ако желите да промените тип листе, морате да користите ЦСС да бисте креирали нови тип стила.

ХТМЛ примјер

У наставку је дат пример како се вишеразинска листа може извршити у ХТМЛ-у користећи ХТМЛ и ЦСС стил дефинисан у ХТМЛ таговима. У овом примеру имамо две ставке листе, ау другој ставци листе другу наручену листу са нижом алфа листом-стилу-типа да креирамо а, б, итд. Стил листа.

  1. Први
  2. Друго 
    1. Суб оф Сецонд
    2. Анотхер Суб
  3. Треће
  4. Четврто

Напомена: У нашем примјеру изнад, користимо неке додатне стилове облагања и маргине како бисмо се прилагодили нашим глобалним ЦСС вриједностима и дали примјер како можете додати или смањити простор и увлачење.

Пример излаза

  1. Први
  2. Друго
    1. Суб оф Сецонд
    2. Анотхер Суб
  3. Треће
  4. Четврто

ЦСС и ХТМЛ пример

Ово решење одлично функционише ако је потребно само неколико пута креирати вишеслојну листу. Међутим, ако намеравате да имате више листа на више нивоа на вашем сајту, било би боље да укључите ЦСС код, сличан доле наведеном примеру, у ЦСС датотеку. У нашем примеру направили смо две класе назване "роман" и "квадрат" и позвали их у ХТМЛ код.

ЦСС код 

 .роман {лист-стиле-типе: доњи-роман;}. квадрат {лист-стиле-типе: квадрат; маргин-лефт: -2ем;}

ХТМЛ цоде 

  • Први
  • Друго 
    • Суб оф Сецонд
    • Анотхер Суб
  • Треће
  • Четврто

Пример излаза

  • Први
  • Друго
    • Суб оф Сецонд
    • Анотхер Суб
  • Треће
  • Четврто

Доступне вредности типа ЦСС листе

Испод се налази списак других вредности типа стилова ЦСС листе које се могу користити уместо примера које смо раније приказали. Такође смо укључили кратак опис сваке вредности.

Напомена: Све ове вредности не функционишу или се појављују у свим прегледачима.

диск - Мали чврсти круг (приказан изнад).

круг - Мали празан круг (приказано изнад).

квадрат - Солид скуаре.

децимал - децимални број који почиње са "1." (приказан изнад).

децимал-водећа нула - децимални број који почиње са 0 (нпр. 01, 02, 03, итд.).

ниже-роман - Мала слова римска ознака која почиње са "и.".

уппер-роман - Горње-романски број почевши од "И.".

ловер-греек - Мала словачка.

доњи-латински - Мала словачка

Горња латиница - Велика слова

армениан - Традиционална арменска нумерација

георгиан - Традиционална грузијска нумерација

ловер-алпха - Абецедна слова малог слова која почињу са "а." (приказан изнад).

уппер-алпха - Абецедна абецедна слова која почињу са "А.".

ноне - Не показуј ништа.