Kako narediti oznake v HTML-ju

click fraud protection
...

Ustvarite oznake v HTML z uporabo

  • in
      oznake.
  • Uporaba oznak pomaga razbiti velike kose besedila in izpostaviti sezname koristnih informacij. Točke je enostavno ustvariti v programski opremi za obdelavo besedil, toda ko tipkate dokument HTML, morate poznati kodo, da jih ustvarite. Za ustvarjanje označevalnega seznama ni potrebno veliko kode. Zavijte vsak seznam

  • oznake in nato zavijte celoten seznam
      ali oznake "neurejen seznam". Nato lahko naredite vse, kar želite s seznamom oznak z uporabo kode kaskadnega slogovnega lista.
  • Korak 1

    Napišite besedilo za svoje oznake. Vsako točko začnite na svoji črti. Zavijte vsako vrstico

  • in
  • oznake takole:

    Video dneva

  • To je označena točka
  • To je še ena točka
  • 2. korak

    Ustvarite prazno vrstico nad označenim seznamom in nato vnesite odprtino

      oznako na tej vrstici. Poiščite konec svojega označenega seznama in tam ustvarite še eno prazno vrstico. Vnesite zaključek
    oznako na tej vrstici. Če želite pozneje oblikovati seznam s CSS, dodajte atribut razreda ali ID na odprtino
      oznaka. Tukaj je primer kratkega seznama z atributom ID:
    • Metka ena
    • Metka dva

    3. korak

    Uporabite "style", da ustvarite svoj seznam s oznakami s kodo CSS. Dodajte kodo CSS med oznake med oznakami in ali pa kodo CSS napišete v zunanjo datoteko .CSS in datoteko vdelate z uporabo označi takole:. Spremenite "path/to/stylesheet.css" s potjo do datoteke .CSS, ki jo ustvarite. Uporabite atribut ID ali razred, da izberete sezname zaporednih znakov, na primer:

    #mylist li { font-style: ležeče; }

    Zgornja koda izbere vse

  • oznake v oznaki z ID-jem »mylist«. Pri izbiri z atributom razreda zamenjajte zgoščevalno oznako s piko.
  • 4. korak

    Uporabite lastnost "list-style" v CSS, da spremenite vrsto oznake. Razpoložljive vrste oznak vključujejo odprte kroge, izpolnjene diske in kvadratke za neoštevilčene in neabecedne sezname. Tukaj je primer za kvadratne krogle:

    #mylist li {list-style: square;}

    Nasvet

    Uporabi

      oznaka namesto
      za ustvarjanje urejenih seznamov. Nato lahko nastavite vrsto »slog seznama« na različne vrste številk ali črk.

      Ustvarite slikovne oznake tako, da za atribut »list-style« navedete »none« in nato podate vsako

    • označite neponavljajočo se, levo poravnano sliko ozadja. Dodajte oblazinjenje na levo stran vsakega
    • označite, da premaknete besedilo čez, sicer bo prekrivala sliko.