Označené a očíslované seznamy v HTML: teoretické základy

Tento instruktážní článek popisuje pravidla a metody používání seznamů označených a číslovaných v přístupné formě pro začátečníky. HTML je značkovací jazyk, ze kterého začíná učení na webu. Stejně jako každý výchozí bod, nemá dostatek peněz na to, aby na svých webových stránkách realizoval své nápady. Ale tyto limity, které jsou zakotveny v tvůrčí povaze, lze rozdělit a uchýlit se k některým trikům.

Aplikace

Není pravděpodobné, že v moderním internetu, velkorysém interaktivním obsahu, je místo bez textu. I na tzv. Photostock (webový zdroj pro ukládání obrázků) má každý obrázek podpis. Text je základní informace, kterou uživatel obdrží, pro který jde z jedné stránky do druhé. Jeho pozornost přitahuje a zadržuje přesně to, co se děje profesionálně. Existují zákony a pravidla pro strukturování článků jak v polygrafii, tak v uspořádání webových stránek. Jsou určeny pro lepší vnímání informací, pro krásu vzhledu a úsporu času návštěvníka. A také přispět k větší návštěvě webu.


Úspěšným přijetím je kombinace dlouhých převodů do seznamů. Při odhalení obtížně srozumitelného tématu musí často používat vnořené seznamy. Přijetím svého rozhodnutí budou muset budoucí weboví vývojáři poslouchat vůli zákazníka a budou muset vytvořit stránku pro poskytnuté rozvržení. Triky pro prezentaci textových informací se snadno učí a doporučují se pro použití.

Druh

Text používá dva typy seznamů: číslované a označené. Oba druhy jsou aktivně používány. I když je lze vizuálně rozlišit, ale nesou jinou sémantickou zátěž. Číslovaný seznam v HTML používá při přenosu známého množství předmětů, a jsou od sebe odděleny pomocí čísel. Často je jejich počet uveden v seznamu předchozích vět. Příklad: "Nad profesionálním místem existují tři typy specialistů:
  • Web designer.
  • Specialista na obsah.
  • Web programátor „
  • Bullet předměty jsou od sebe odděleny pomocí markerů -. Drobné grafické objekty (body, klíšťata). Používá se v případech, kdy je počet převodů není definována, je zřejmé, že další „nejdostupnější pro začátečníky, kteří se učí HTML, ve svých knihách výukový materiál autorům následující:

  • C. Mussyano;
  • B. Henik;
  • N. Komolová;
  • E. Polonskaya. "
  • Podle tohoto pravidla je nutné ve většině případů, ale existují výjimky, kdy je v rozporu s designem vytvořeným na místě nebo si vyžadoval kontext.

    Číslovaný seznam

    Pro vytvoření seznamu číslovány dvojice značka HTML používá. Mezi nimi (místo tří bodů) předepsané seznam položek uzavřených ve značkách
  • - i i. Příklad:
    Ve výchozím nastavení se zobrazují arabské číslice, ale pomocí určitých parametrů značek
  • můžete změnit styl očíslovaného seznamu HTML. Syntaxe označení -
  • . Existují čtyři typy záznamů ve formátu HTML.který je jasněji prezentován ve formě tabulky:

    Typ



    Hodnota parametru


    )
    latinská písmena



    typ = "A"

    Latinská písmena



    typ = "a"



    abc




    typ = "I"





    typ = "i"



    i ii iii

    Jak vytvořit očíslovaný seznam v HTML je zvažován v procesu studia CSS.

    Označené seznamy

    Označení tohoto typu seznamu je provedeno značkou a má následující syntaxi:







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

      , pak to je:

      Označení ve formě černého kruhu je výchozí. Kromě toho existují dva další typy:

      Typ Hodnota parametru Co se ukáže
      kruh typ = "kruh" ° javascript
      typ = "čtverec" ¤ PHP

      Někdy je nutné použít na stránce očíslovaný seznam HTML s dílčími položkami ve tvaru:

      1. Ovoce:

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

      2. Zelenina:

      • okurky;
      • brambory;
      • mrkev.

      K tomu je třeba nejprve rozhodnout, který seznam bude hlavní, a v označení, aby dal další na správném místě,přísně dodržování pravidel vnořených značek. Pokud použijeme uvažovaný příklad, značka bude mít podobu:


    1. Ovoce

      • jablka;

      • Pomeranče;

      • banány.




    2. Zelenina

      • okurky;

      • brambory;

      • mrkev.



    V důsledku toho, prohlížeč získá


    & lt; script type = "text /javascript" & gt;
    var blockSettings12 = {blockId: "R-A-116722-12", renderTo "yandex_rtb_R-A-116722-12", horizontalAlign :! 1async :! 0};

    , pokud (document.cookie.indexOf ("abmatch =") větší nebo rovno 0) {
    blockSettings12 = {blockId: "RA-116722-12", renderTo „yandex_rtb_R-A-116722- 12 ", vodorovněOznačka: 1statId: 7async:! 0};
    }

    ! Funkce (a, b, c, d, e) {a [c] = a [c] || [], se [C] .push (funkce () {Ya .Context.AdvManager.render (blockSettings12)}), e = b.getElementsByTagName ("scénář") , d = b.createElement ("scénář"), d.type = "text /javascript", d.src = "//an.yandex.ru/system/context.js",d.async=!0e.parentNode.insertBefore(d,e)}(this,this.document,"yandexContextAsyncCallbacks");

    Můžete vytvořit víceúrovňový očíslovaný seznam. HTML neobsahuje omezené prohledávače na počet příloh:

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


    1. Ovoce

      • 1.1 jablka:

        • Antonovka

        • Bílý květ



      • 1.2 pomeranče;

      • 1.3 banány.





  • Zelenina

    • 1.1 okurky;

    • 1.2 brambory;

    • 1.3 mrkve.





  • Je třeba poznamenat, že přílohy používají značky a podpoložky (111.2), jsou psány ručně. Současně jsou značky zobrazeny prohlížečem a u každé nové přílohy se objeví jiný typ. To je všechnovypadá to moc hezky, ale jak se je zbavit, můžete se učit v procesu učení CSS. Prostředky čistých značek odstranění HTML nejsou možné.

    Hlavní věc je bezchybně dodržovat přílohu značky. Chyby budou mít za následek zkreslený výsledek!

    Vlastní značky

    Funkce HTML jsou velmi omezené typy značek. Existuje způsob, jak obejít tuto překážku. Za tímto účelem se namísto značek použije vkládání obrázků s uvedením adresy na nich a značka na konci řádku
    na konci.
    Navrhovaná metoda vypadá jako seznam pouze na vnější straně webové stránky a ve skutečnosti je to simulace a alternativa k nudné standardní sadě HTML. Tento trik se nepovažuje za "špatný" kód a neomezené ověření. Je vhodný pro ty, kteří alespoň na počáteční úrovni vlastní nějaký grafický editor (GIMP, Photoshop). Je nutné kreslit grafické objekty pro použití jako značky. Také editory budou muset upravit velikost obrázků na text. Pro účely učení můžete na zkušebních stránkách použít ikony někoho jiného, ​​ale nevztahují se na veřejně přístupné weby a nezapomeňte na zákon o autorských právech. Existuje dostatečný počet zdrojů, v nichž není použití grafiky pro jejich úč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í místo.

    Související publikace