Кампутары, Праграмаванне

Як зрабіць спіс у спісе. HTML-дапаможнік для пачаткоўцаў

Старонкі вэб-сайтаў складаюцца з многіх элементаў - табліц, малюнкаў, спасылак, медыяфайлаў, спісаў. Адным з найбольш запатрабаваных элементаў з'яўляецца як раз-такі спіс. З яго дапамогай можна спарадкаваць інфармацыю, падаць яе ў больш сціснутым і зразумелым выглядзе, палегчыць ўспрыманне. Менавіта таму варта ведаць, як у HTML зрабіць спіс і якія віды спісаў бываюць. А таксама навучыцца задаваць неабходныя параметры.

віды спісаў

Для пачатку вылучым асноўныя віды спісаў, з якімі мы можам працаваць. Гэта спарадкаваны, неўпарадкаваных і выпадальны спісы.

Першы дазваляе нумараваць змесціва з дапамогай лічбаў і літар. Другі ўяўляе сабой звычайнае пералік тых ці іншых пунктаў, трэці ж дазваляе выбраць з усяго спісу патрэбны элемент.

Практычна кожны з іх можа ўтрымліваць спіс у спісе. HTML дазваляе з лёгкасцю стварыць складаныя пералікі той ці іншай інфармацыі за вельмі кароткі час.

Перш за ўсё вызначыцеся, які з спісаў вам патрэбен, а затым прыступайце да яго стварэння. Ніжэй мы разгледзім усе тры выгляду спісаў і высвятлім, як менавіта іх ствараць і якія параметры яны маюць.

спарадкаваны спіс

Пачнем з найбольш ўжытнага і распаўсюджанага спісу - спарадкаванага. У дадзеным выпадку пералік тых або іншых звестак ідзе ў вызначаным парадку, а кожны з элементаў пранумараваны. Напрыклад, спіс класа:

  1. Іваноў.
  2. Пятроў.
  3. Сідараў і т. П.

Задаецца такі спіс з дапамогай парных тэгаў

    і . Пачынаецца ён з які адкрывае тэга
      , а заканчваецца тэгам . Кожны новы элемент спісу пачынаецца з парнага тэга
    1. і заканчваецца які закрывае .

      Цяпер вы ведаеце, як зрабіць спіс HTML. Як бачыце, для гэтага дастаткова запомніць усяго два тэга.

      Трохі пра параметры тэга

        - type і start.

        Першы задае тып нумарацыі - літарны або лічбавы. Можа прымаць такія параметры: A, a, I, i, 1.

        Першыя два значэння задаюць нумарацыю лацінскімі літарамі - загалоўнымі і малымі, другія два - вялікімі і маленькімі рымскімі лічбамі, апошняе значэнне ужываецца, калі вы хочаце, каб спіс быў пранумараваны арабскімі лічбамі.

        Варта адзначыць, што ў спісах па змаўчанні нумарацыя заўсёды задаецца з дапамогай арабскіх лічбаў.

        Другі параметр - start - задае лік, з якога і пачынаецца нумарацыя спісу.

        Скажам таксама пару слоў і пра параметры тэга

      1. . У яго іх таксама два. Першы параметр value можа змяняць парадак нумарацыі. Прычым ён будзе зменены да таго моманту, пакуль зноў не будзе прапісаны дадзены параметр (альбо ж да канца ўсяго спісу).

        Другі параметр - type - дапаможа змяніць тып нумарацыі для дадзенага пункта. Даволі часта сустракаецца варыянт складанага спісу. Да прыкладу, возьмем прыблізны план сачынення :

        1. Ўступленне.
        2. Асноўная частка.
          а) меркаванне іншых;
          в) маё меркаванне;
          с) доказы.
        3. Высновы.

        Стварыць такі спіс у спісе HTML даволі проста. Дастаткова напісаць адзін асноўны спіс, а затым стварыць у патрэбным месцы другі з падпунктаў, выкарыстоўваючы іншую нумарацыю. Вось прыклад кода, заснаваны на нашым спісе:

          • .
          2. 1. Ўступленне .
          4. 2. Асноўная частка .
          7. меркаванне іншых .
          9. маё меркаванне .
          11. доказы .
          12. .
          14. 3. Высновы .
          15. .

        неўпарадкаваных спіс

        Другі выгляд спісу - неўпарадкаваных. У ім не важна, у якім парадку ідуць элементы. Гэта можа быць пералік чаго заўгодна - пакупак, гасцей, кніг і т. Д.

        Задаецца дадзены спіс з дапамогай парнага тэга

          і . Пры гэтым кожны новы элемент пачынаецца з усё таго ж парнага тэга
        • .

          Мае ўсяго адзін параметр - type, з дапамогай якога задаецца тып маркера. Маркер можа быць кружочкам - закрашанай ці не, а таксама закрашанай квадратам. Так, незафарбаваныя круг мае значэнне disc, закрашенный - circle. Квадрат задаецца з дапамогай square.

          Тут таксама ёсць магчымасць стварыць спіс у спісе HTML. Для гэтага, як і ў першым выпадку, прыйдзецца стварыць два спісу, адзін з якіх асноўны, другі - укладзены.

          выпадальны спіс

          І апошні тып спісаў - выпадальны. У асноўным, ён выкарыстоўваецца са скрыптамі і служыць для таго, каб карыстальнік мог адправіць тую ці іншую інфармацыю уладальнікам сайта або пэўнай праграме.

          Прыкладамі могуць быць спісы, з якіх вам варта абраць краіну пражывання, месца вучобы або працы, дату нараджэння, ацэнку той ці іншай артыкулы і т. Д. Пры гэтым вы выбіраеце ў спісе патрэбны вам пункт перад тым, як адправіць інфармацыю.

          Мімаходзь згадаем пра тэгах, з дапамогай якіх ствараецца расчыняецца спіс. HTML не валодае паўнавартасным функцыяналам для стварэння дадзеных спісаў. Адзначым, што пры працы з дадзеным тыпам спісаў трэба ведаць не толькі асновы разметкі старонак, але і мець паняцце аб стылях CSS і java-скрыптах.

          Сам спіс задаецца з дапамогай парных тэгаў