HTML označeni in oštevilčeni seznami: teoretični temelji

21. 2. 2019

Ta vadnica v dostopni obliki za začetnike opisuje pravila in načine za uporabo označenih in oštevilčenih seznamov. HTML je označevalni jezik, ki se začne učiti spletnih tehnologij. Kot vsaka izhodiščna točka nima dovolj sredstev za prevajanje svojih idej na spletni strani. Toda te meje, ki obkrožajo ustvarjalno naravo, se lahko ločijo z uporabo nekaterih tehnik.

Uporaba

Ne popušča domišljiji, da je v sodobnem internetu, polnem interaktivnih vsebin, stran brez besedila. Tudi pri tako imenovanih fotografijah (spletni vir za shranjevanje slik) ima vsaka slika napis.

Besedilo je osnovna informacija, ki jo prejme uporabnik, zaradi katere se premika z ene strani na drugo. Njegova pozornost bo pritegnila in odložila točno tisto, ki se opravi profesionalno. Obstajajo zakoni in pravila za strukturiranje člankov v tiskarski industriji in pri postavitvi spletnih strani. Ustvarjeni so za boljše zaznavanje informacij, za lepoto videza in za prihranek časa obiskovalca. Prispevajo tudi k večjemu prometu.

Uspešna tehnika je združitev dolgih prenosov na sezname. Ko razkrivate težko razumljivo temo, morate pogosto uporabljati ugnezdene sezname. Potem ko bodo sprejeli svojo odločitev, bodo prihodnji spletni programerji dolžni spoštovati voljo kupca in bodo morali določiti stran na predvideni postavitvi. Tehnike za predstavitev tekstovnih informacij so preproste za učenje in so priporočljive za uporabo.

Pogledi

Besedilo uporablja dve vrsti seznamov: oštevilčene in označene. Obe vrsti se aktivno uporabljata. Čeprav jih je mogoče vizualno razlikovati, vendar imajo drugačen pomen.

Oštevilčen seznam v HTML se uporablja pri navajanju vnaprej določenega števila točk, ki so med seboj ločene s številkami. Pogosto je njihovo število navedeno na prejšnjem seznamu. Primer: »Na profesionalni spletni strani delajo tri vrste strokovnjakov:

  1. Spletni oblikovalec.
  2. Strokovnjak za vsebino.
  3. Spletni programer. "

Označeni seznam loči predmete drug od drugega z označevalniki - majhnimi grafičnimi elementi (pike, klopi). Uporablja se v primerih, ko število vnosov ni določeno in če obstaja druga stvar:

  • C. Mussiano;
  • B. Henick;
  • N. Komolova;
  • E. Polonskaya.

To pravilo je treba v večini primerov upoštevati, vendar obstajajo izjeme, kadar je v nasprotju z zasnovo ustvarjenega spletnega mesta ali če kontekst to zahteva.

Oštevilčen seznam

Če želite ustvariti oštevilčen seznam, HTML uporablja par oznak.

    ...
. Med njimi (namesto treh točk) se zapišejo elementi seznama, ki so zajeti v oznakah.
  • ...
  • - tudi seznanjeni. Primer:

    Oštevilčen seznam html

    Privzeti izhod je Arabske številke vendar z uporabo določenih parametrov oznake

  • Slog oštevilčenega seznama HTML lahko spremenite. Sintaksa označevanja -
  • . Obstajajo štiri vrste oštevilčenih seznamov HTML, ki so bolj grafično predstavljeni kot tabela:

    Vrsta Parameter in vrednost Kaj se zgodi?
    Velike latinske črke type = "A"

    A

    B

    C

    Velika latinica type = "a"

    a

    b

    c

    Velike rimske številke type = "I"

    I

    II

    III

    Majhne rimske številke type = "i"

    i

    ii

    iii

    Kako narediti oštevilčen seznam v HTML (vključno s številkami z oklepaji) se upošteva v procesu učenja CSS.

    Označeni seznami

    Označevanje tovrstnih seznamov se opravi s pomočjo oznake.

      in ima naslednjo skladnjo:

      • ...
      • ...

      Če vzamete prejšnji primer in spremenite oznako

        na
          , se izkaže, da:

          Označeni html seznami

          Črna oznaka kroga je privzeta. Poleg tega obstajata še dva tipa:

          Vrsta Parameter in vrednost Kaj se zgodi?
          prstan type = "krog" ° javascript
          kvadrat type = "square" . PHP

          Ugnezden seznam

          Včasih je treba uporabiti oštevilčen seznam HTML s podpostavkami na strani spletnega mesta, ki izgleda tako:

          1. Sadje:

          • jabolka;
          • pomaranče;
          • banane;

          2. Zelenjava: t

          • Kumare;
          • krompir;
          • korenček.

          Če želite to narediti, se morate najprej odločiti, kateri seznam bo glavni, in v označevalnem zapisu morate priložiti še enega na pravem mestu, strogo upoštevajte pravila označevanja. Če vzamemo primer, bo oznaka izgledala tako:

          1. Sadje
            • jabolka;
            • pomaranče;
            • banane.
          2. Zelenjava
            • Kumare;
            • krompir;
            • korenček.

          Zato bo brskalnik prikazal:

          html seznam s podpostavkami

          Ustvarite lahko oštevilčen seznam na več ravneh. HTML ne omejuje spletnih oblikovalcev v številu prilog:

          Ugnezdeni html seznami

          Oznaka za označevanje za ta primer je naslednja:

          1. Sadje
            • 1,1 jabolka:
              • Antonovka
              • Belo polnilo
            • 1,2 pomaranče;
            • 1,3 banane.
          2. Zelenjava
            • 1.1 kumare;
            • 1.2 krompir;
            • 1,3 korenje.

          Opozoriti je treba, da se oznake uporabljajo v prilogah.

            in pododstavka (1.1, 1.2 ...) sta napisana ročno. Oznake se prikažejo v brskalniku in z vsako novo prilogo se pojavi drugačna vrsta. To ne izgleda zelo lepo, ampak kako se znebiti njih, se lahko naučite v procesu učenja CSS. Označevalcev ni mogoče odstraniti s čistim HTML-jem.

            Glavna stvar tukaj - natančno opazovati gnezdenje oznake. Napake, napake bodo vodile do izkrivljenega rezultata!

            Lastni označevalci

            Lastnosti HTML po vrsti oznake so zelo omejene. Obstajajo poti okoli te ovire. To naredite namesto oznak

              in
                vstavite slike z naslovom in oznako za prelom vrstice
                na koncu.

                Lastni označevalci

                Predlagana metoda samo navzven na spletni strani izgleda kot seznam, in v resnici je njena imitacija in alternativa dolgočasnemu standardnemu nizu HTML. Ta trik se ne obravnava kot "slaba" koda in poteka preverjanje brez ovir.

                Primeren je za tiste, ki imajo vsaj na začetni ravni v lasti vsakega grafičnega urejevalnika (GIMP, Photoshop). To je potrebno za risanje grafičnih objektov, ki se uporabljajo kot označevalci. S pomočjo urednikov morate tudi prilagoditi velikost slik za besedilo.

                Za namene usposabljanja lahko uporabite ikone drugih ljudi na preizkusnih straneh, ne pa jih uporabite na spletnih mestih, ki so dostopna javnosti, ob upoštevanju zakona o avtorskih pravicah. Obstaja dovolj virov, na katerih uporaba grafike za lastne namene ni omejena. Vendar pa je izposojanje tujih gradiv slabega okusa in se ne priporoča za ustvarjanje bolj ali manj profesionalnega spletnega mesta.