ХТМЛ листе са ознакама и нумерисане листе: теоријске основе

21. 2. 2019.

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

Апплицатион

Она се не препушта машти да у модерном интернету, препуном интерактивних садржаја, постоји сајт без текста. Чак и на такозваним фотографским залихама (веб ресурс за чување слика), свака слика има наслов.

Текст је основна информација коју корисник прима, због чега се креће од једне до друге странице. Његова пажња ће привући и одложити управо ону која се ради професионално. Постоје закони и правила за структурирање чланака како у штампарској индустрији, тако иу распореду веб страница. Створени су за бољу перцепцију информација, за љепоту изгледа и за уштеду времена посјетиоца. Такође доприносе већем саобраћају на сајту.

Успешна техника је сједињавање дугих трансфера са листама. А када откривате тешко разумљиву тему, често морате да користите угнежђене листе. Након што су донијели одлуку, будући програмери ће бити обавезни да поштују вољу купца, а они ће морати да наметну страницу на предвиђеном распореду. Технике представљања текстуалних информација се лако уче и препоручују за употребу.

Виевс

Текст користи двије врсте листа: нумериране и означене. Оба типа се активно користе. Иако се могу визуелно разликовати, али носе другачије значење.

Нумерисана листа у ХТМЛ-у се користи када се наведе одређени број тачака, а они су међусобно одвојени бројевима. Често се њихов број наводи у претходној реченичној листи. Пример: “Три врсте специјалиста раде на професионалном веб сајту:

  1. Веб Десигнер.
  2. Цонтент Специалист.
  3. Веб програмер. "

Листа с ознакама раздваја предмете један од другог помоћу маркера - малих графичких елемената (тачкице, крпељи). Користи се у случајевима када број уноса није дефинисан и ако се подразумева постојање других:

  • Ц. Муссиано;
  • Б. Хеницк;
  • Н. Комолова;
  • Е. Полонскаиа.

Неопходно је да се ово правило прати у већини случајева, али постоје изузеци када је у супротности са дизајном креираног сајта или га контекст захтева.

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

Да бисте креирали нумерисану листу, ХТМЛ користи пар ознака.

    ...
. Између њих (уместо три тачке), уписују се ставке листе у оквиру ознака.
  • ...
  • - такође упарени. Пример:

    Нумберед лист хтмл

    Подразумевани излаз је Арапски бројеви али користећи одређене параметре ознака

  • Можете променити стил нумерисане ХТМЛ листе. Синтакса маркирања -
  • . Постоје четири врсте ХТМЛ нумерисаних листа које су графички представљене као табела:

    Тип Параметар и вриједност Шта се дешава
    Велика латинична слова типе = "А"

    А

    Б

    Ц

    Велика слова латинице типе = "а"

    а

    б

    ц

    Велики римски бројеви типе = "И"

    И

    ИИ

    ИИИ

    Мали римски бројеви типе = "и"

    и

    ии

    иии

    Начин израде нумерисане листе у ХТМЛ-у (укључујући бројеве са заградама) разматра се у процесу учења ЦСС-а.

    Таггед Листс

    Означавање ове врсте листа врши се уз помоћ ознаке.

      и има следећу синтаксу:

      • ...
      • ...

      Ако узмете претходни пример и промените ознаку

        он
          , испада да:

          Означене хтмл листе

          Ознака црног круга је подразумевана. Поред тога, постоје још два типа:

          Тип Параметар и вриједност Шта се дешава
          ринг типе = "цирцле" ° јавасцрипт
          квадрат типе = "скуаре" . ПХП

          Нестед лист

          Понекад је неопходно користити нумерисану листу ХТМЛ-а са под-ставкама на страници сајта која изгледа овако:

          1. Воће:

          • јабуке;
          • поморанџе;
          • банане;

          2. Поврће:

          • краставци;
          • кромпир;
          • шаргарепа.

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

          1. Воће
            • јабуке;
            • поморанџе;
            • банане.
          2. Поврће
            • краставци;
            • кромпир;
            • шаргарепа.

          Као резултат, прегледач ће приказати:

          хтмл лист са под-ставкама

          Можете креирати вишестепену нумерисану листу. ХТМЛ не ограничава веб дизајнере у броју прилога:

          Уграђени хтмл листе

          Код за означавање за овај пример је следећи:

          1. Воће
            • 1.1 јабуке:
              • Антоновка
              • Бело пуњење
            • 1.2 наранџе;
            • 1.3 банане.
          2. Поврће
            • 1.1 краставци;
            • 1.2 кромпир;
            • 1.3 мрква.

          Треба напоменути да се ознаке користе у прилозима.

            и подставови (1.1, 1.2 ...) су писани ручно. Ознаке се приказују у прегледачу и појављује се другачији тип са сваким новим прилогом. Не изгледа баш лепо, али како их се ријешити, можете научити у процесу учења ЦСС-а. Није могуће уклонити маркере помоћу чистог ХТМЛ-а.

            Главна ствар овде - тачно посматрати гнездо ознака. Грешке, грешке у писању ће довести до искривљеног резултата!

            Овн маркерс

            ХТМЛ карактеристике према типу маркера су веома ограничене. Постоји пут око ове препреке. Да бисте то урадили уместо ознака

              и
                уметните слике са адресом и ознаком за прекид линије
                на крају.

                Овн маркерс

                Предложени метод само споља на веб страници изгледа као листа и заправо је његова имитација и алтернатива досадном стандардном сету ХТМЛ-а. Овај трик се не сматра "лошим" кодом и пролази провјеру без сметњи.

                Погодан је за оне који, бар на почетном нивоу, поседују било који графички уредник (ГИМП, Пхотосхоп). Ово је потребно за цртање графичких објеката за употребу као маркера. Уз помоћ уредника морате подесити и величину слика за текст.

                У сврху обуке, можете користити иконе других људи на тестним страницама, али их не користити на локацијама доступним за јавно гледање, имајући у виду закон о ауторским правима. Постоји довољно извора на којима није ограничена употреба графике за сопствене потребе. Међутим, позајмљивање туђег материјала сматра се лошим укусом и не препоручује се за стварање мање или више професионалног сајта.