Нумерирани и нумерирани листи HTML

Постојат два типа на списоци на јазикот на HTML: наредил и подредени. нивното создавање е речиси иста. Дури тагови се разликуваат од еден знак. Можете исто така да креирате листи мулти-ниво, кои би можеле да се вклучат и нумерирани и маркер.

Овие листи може да се конвертира на волја. Сето тоа зависи од вашата имагинација. Прво, ние ги сметаме стандард листи, како во Word, а потоа ние ќе ги подобри и да се направи надвор од сите признавање.

Нумерирана листа HTML

Неутрална нареди листа HTML може да се создаде со помош на следниве ознаки:

1. Прв елемент Листа

2. Втор елемент Листа

3. Третата точка Листа

   Едноставна листа овде изгледа

   Во согласност со стандардите, секоја ставка во листата мора да биде внатре li таг отворање и затворање. Но, ако не се стави на етикетата затворање, резултатот е ист. На управувачот е многу умен. Во текот на листа на конверзија, тој ја анализира тагови отворање. Ако тој гледа нов

4. , а потоа автоматски ги става пред .

   Така, на листата може да се направи како што е прикажано подолу.

   Но, од гледна точка на професионалци не е точно.

   листите

   Ненумерирани (или маркер) листи се исти, само наместо на ол таг напишани ул.

   Во листите, без броеви или букви - само на различни карактери, кои се нарекуваат маркери.

   Мултилевел нумерирана листа HTML

   Многу луѓе се заинтересирани во таква можност. Поради тоа, треба да се напомене дека секој нумерирана листа HTML може да биде мулти-ниво. Дополнителни слоеви може да бидат исти или обележани.

   Да се создаде листа што е наведен во примерот погоре, треба да се напише следново.

   Имајте на ум дека во овој код, за разлика од првиот пример, додаде тип атрибут. Благодарение на него, може да се одреди типот на сортирање за двете нумерирани и листи на маркер.

   За нумерирани наведете тип на писмо или броеви, а за останатите случаи - од типот на маркер.

   сортирање на листата опции

   Ако користите посебни HTML-ознака, нумерирани листи може да биде било кој начин сакате.

   Можете да наведете тип на атрибут на секоја вредност од табелата. Или училница стил CSS наведете листа стил-тип со саканиот тип сортирање.

   Превод на вредности е прилично едноставна. Доволно основни познавања на англиски јазик. Но, дури и ако не може да го преведе зборот "круг", "плоштад", и така натаму. Н., можете визуелно може да се види она што е резултат кога ќе се определи овие вредности во атрибутот на видот.

   За нумерирани листи, ќе треба да ги користите следниве опции:

   • 1 - арапски броеви;
   • А - големи букви ;
   • a - мали букви;
   • I - големи букви римски броеви;
   • i - мали римски бројки.

   Стандардно, на листата се користи секогаш со арапски бројки. Тоа е, ако не се определи нешто, тоа е еквивалентно на type = "1".

   Покрај тоа, нумерирани листи може да започне во било која саканата позиција. Стандардно - склучување на 1. Но, ако сакате, можете дури и може да започне со сто. За да го направите ова, ќе треба да се одреди почетокот атрибут со било која вредност.

   Покрај тоа, може да се заклучи во обратен редослед. Да го направите ова, пишува обратна.

   Изработка на листи

   Нумерирана листа HTML може да се организира така убаво дека не може веднаш да се претпостави дека тоа е вообичаена листа, а не слика направена во Photoshop.

   Тука се убави примери на листи.

   Како што може да се види од примерот, можно е да го промени изгледот и бројот на страниците од самите елементи.

   Можете да креирате редовна листа вака.

   Во стилови CSS треба да се определи на дизајн за таг ол. Имајте на ум дека во овој случај, промените ќе се примени на сите списоци на сите сајтови кои ги користат овој стил датотека.

   Размислете за прв олицетворение со листа кружни чек. Врати се на листата на код. Има Постави класа заоблени-листа. Тоа е тоа со оваа класа треба да нескопосник, да се направи таква убавина. Јавете се на класата која што сакате.

   Сега се разгледа на плоштадот дизајн.

   Стилови се многу слични. Разликата е во тоа што во првиот случај постои заокружување елемент преку опциите CSS.

   поддршка прелистувач

   Тоа е важно да се разбере дека не сите прелистувачи имаат подршка за сите CSS особини.

   На пример, сакате да се направи нумерирани листа во средината. HTML-кодот ќе бидат исти, но резултатот во постари прелистувачи може да биде сосема поинаква.

   Истото важи и за дизајнот на броеви.

   Како што можете да видите, на плоштадите низ броевите во постарите верзии на IE не се појави, бидејќи на управувачот не знае новите атрибути кои ќе ви овозможи да се направи таква регистрација.

   Професионална coder мора да се предвиди и да се разбере дека не сите корисници ги користат модерните компјутери. Не сите инсталиран Windows 7, 8, 10. Постои процент на корисници кои се уште се наоѓа на Windows XP и користи постара верзија на Internet Explorer.

   Како по правило, речиси сите модерни дизајни да ги подобрат своите елементи не се поддржани. Корисникот ќе се чувствувате дека не се работи на дизајнот на сајтот. Дека сите се пресели надвор. Елементи се сноп заедно. За да се избегне ова, треба да се избројат сите опции.

   Некои веб-администратори се замижал на нив, бидејќи нивното учество во денес на пазарот станува се помалку и помалку. Но, за професионална цениме секој посетител, особено ако тоа е комерцијален сајт.

   Дали нешто погодна за сите или за да ги разгледа сите опции за пребарувачот.