Číslované a číslované seznamy HTML: teoretické základy

21. 2. 2019

Tento tutoriál v přístupné formě pro začátečníky popisuje pravidla a způsoby použití seznamů s odrážkami a číslování. HTML je značkovací jazyk, který začíná učit webové technologie. Stejně jako každý výchozí bod nemá dostatek prostředků na překládání svých nápadů na webové stránce. Ale tyto hranice, které uzavírají tvůrčí povahu, mohou být odděleny tím, že využijí některé techniky.

Aplikace

Nevztahuje se na představivost, že v moderním internetu plném interaktivního obsahu je místo bez textu. I na tzv. Fotografických zásobách (webový zdroj pro ukládání obrázků) má každý obrázek titulky.

Text je základní informace, které uživatel obdržel, z důvodu kterého se pohybuje z jedné stránky do druhé. Jeho pozornost přitahuje a zpožďuje přesně to, co se děje profesionálně. Existují zákony a pravidla pro strukturování článků jak v tiskovém průmyslu, tak v uspořádání webových stránek. Jsou vytvořeny pro lepší vnímání informací, pro krásu vzhledu a pro záchranu času návštěvníka. A také přispět k většímu provozu na webu.

Úspěšnou technikou je spojení dlouhých převodů na seznamy. A když zveřejňujete těžko pochopitelné téma, často musíte používat vnořené seznamy. Po svém rozhodnutí budou budoucí weboví programátoři povinni poslouchat vůli zákazníka a budou muset na uvedeném rozvržení zadat stránku. Techniky pro prezentaci textových informací se snadno učí a jsou doporučovány pro použití.

Zobrazení

Text používá dva typy seznamů: očíslované a s odrážkami. Oba typy jsou aktivní. I když je lze vizuálně rozlišit, ale mají jiný význam.

Očíslovaný seznam v jazyce HTML se používá při zadávání předem stanoveného počtu bodů a jsou od sebe odděleny čísly. Často je jejich číslo uvedeno v seznamu předchozích vět. Příklad: "Na profesionálním webu pracují tři typy odborníků:

  1. Web Designer.
  2. Specialista na obsah.
  3. Webový programátor. "

Seznam s odrážkami odděluje jednotlivé položky od značek - malé grafické prvky (tečky, klíště). Používá se v případech, kdy není definován počet výčtů a předpokládá se existence dalších: "Následující autoři určili nejvíce přístupný materiál pro začátečníky studující HTML:

  • C. Mussiano;
  • B. Henick;
  • N. Komolová;
  • E. Polonskaya.

Toto pravidlo je nutné dodržovat ve většině případů, ale existují výjimky, když to odporuje návrhu vytvořeného webu nebo jeho kontext to vyžaduje.

Číslovaný seznam

Chcete-li vytvořit číslovaný seznam, HTML použije pár značek.

    ...
. Mezi nimi (namísto tří bodů) jsou zapsány položky seznamu uzavřené ve značkách.
  • ...
  • - také spárováno. Příklad:

    Číslovaný seznam html

    Výchozí výstup je Arabské číslice ale pomocí určitých parametrů značky

  • Můžete změnit styl číslovaného seznamu HTML. Značková syntaxe -
  • . Existují čtyři typy číslovaných seznamů HTML, které jsou graficky znázorněny jako tabulka:

    Typ Parametr a hodnota Co se stane
    Velké latinské písmeny typ = "A"

    A

    B

    C

    Velké latinské dopisy typ = "a"

    a

    b

    c

    Velké římské číslice typ = "I"

    I

    II

    III

    Malá římská čísla typ = "i"

    i

    ii

    iii

    Jak učinit očíslovaný seznam v HTML (včetně čísel s závorem) je zvažován v procesu učení CSS.

    Tagged Lists

    Označování tohoto typu seznamů se provádí pomocí značky.

      a má následující syntaxi:

      • ...
      • ...

      Pokud použijete předchozí příklad a změníte značku

        on
          , ukazuje se, že:

          Seznamy html s odrážkami

          Černé označení kruhu je výchozí. Kromě toho existují dva další typy:

          Typ Parametr a hodnota Co se stane
          kroužek typ = "kruh" ° javascript
          čtverec typ = "čtverec" ¤ PHP

          Vnořený seznam

          Někdy je nutné použít očíslovaný seznam HTML s podřízenými položkami na stránce stránky, který vypadá takto:

          1. Plody:

          • jablka;
          • pomeranče;
          • banány;

          2. Zelenina:

          • okurky;
          • brambory;
          • mrkev.

          Chcete-li to provést, musíte nejprve rozhodnout, který z nich bude hlavní a v označení byste měli připojit další na správném místě a přísně dodržovat pravidla pro značkování. Pokud vezmeme uvažovaný příklad, značka bude vypadat takto:

          1. Plody
            • jablka;
            • pomeranče;
            • banány.
          2. Zelenina
            • okurky;
            • brambory;
            • mrkev.

          V důsledku toho prohlížeč zobrazí:

          html seznam s dílčími položkami

          Můžete vytvořit víceúrovňový očíslovaný seznam. HTML neomezuje webdesignery v počtu příloh:

          Vnořené seznamy html

          Značkový kód pro tento příklad je následující:

          1. Plody
            • 1.1 jablka:
              • Antonovka
              • Bílé plnění
            • 1.2 pomeranče;
            • 1.3 banány.
          2. Zelenina
            • 1.1 okurky;
            • 1.2 brambory;
            • 1.3 mrkve.

          Je třeba poznamenat, že tagy se používají v přílohách.

            a odstavce (1.1, 1.2 ...) jsou psány ručně. Značky se zobrazují prohlížečem a u každé nové přílohy se objeví jiný typ. To nevypadá moc hezky, ale jak se je zbavit, můžete se učit v procesu učení CSS. Značky nelze odstranit pomocí čistého kódu HTML.

            Hlavní věc tady - přesně pozorujte hnízdění značek. Chyby, překlepy způsobí zkreslený výsledek!

            Vlastní značky

            Funkce HTML podle typu značky jsou velmi omezené. Existuje cesta kolem této překážky. Postupujte místo značek

              a
                vkládejte obrázky s jejich adresou a značku přerušení čáry
                na konci.

                Vlastní značky

                Navrhovaná metoda pouze externě na webové stránce vypadá jako seznam a ve skutečnosti je její imitací a alternativou k nudné standardní sadě HTML. Tento trik není považován za "špatný" kód a předává ověření bez překážek.

                Je vhodný pro ty, kteří alespoň na počáteční úrovni vlastní grafický editor (GIMP, Photoshop). To je nezbytné pro kreslení grafických objektů pro použití jako značky. Pomocí editorů je také nutné upravit velikost obrázků pro text.

                Pro účely školení můžete na zkušebních stránkách použít ikony jiných lidí, ale nepoužívejte je na stránkách přístupných veřejnosti, s ohledem na autorské právo. Existuje dostatek zdrojů, u kterých není použití grafiky pro vlastní účely omezeno. Nicméně půjčování materiálu někoho jiného je považováno za špatný vkus a nedoporučuje se vytvářet více či méně profesionální webové stránky.