Cum să faci puncte marcante în HTML

...

Creați marcatori în HTML folosind

  • și
      Etichete.
  • Folosirea punctelor marcatoare ajută la spargerea unor bucăți mari de text și la evidențierea listelor de informații utile. Punctele marcatoare sunt ușor de creat în software-ul de procesare a textului, dar atunci când tastați un document HTML, trebuie să cunoașteți codul pentru a le crea. Nu este necesar prea mult cod pentru a crea o listă cu marcatori. Încheiați fiecare listă

  • etichete și apoi înfășurați întreaga listă
      sau etichete „listă neordonată”. Apoi puteți face orice doriți cu lista de marcatori folosind codul Cascading Style Sheet.
  • Pasul 1

    Scrieți textul pentru punctele tale. Începeți fiecare punct pe propria linie. Înfășurați fiecare rând

  • și
  • etichete astfel:

    Videoclipul zilei

  • Acesta este un punct cu marcatori
  • Acesta este un alt punct
  • Pasul 2

    Creați o linie goală deasupra listei cu marcatori și apoi introduceți o deschidere

      etichetă pe acea linie. Găsiți sfârșitul listei cu marcatori și apoi creați o altă linie goală acolo. Introduceți o închidere
    etichetă pe acea linie. Dacă doriți să stilați lista cu CSS mai târziu, adăugați o clasă sau un atribut ID la deschidere
      etichetă. Iată un exemplu de listă scurtă cu marcatori cu un atribut ID:
    • Glonțul unu
    • Glonțul doi

    Pasul 3

    Utilizați „stil” pentru a vă crea lista cu marcatori folosind codul CSS. Adăugați cod CSS între etichetele dintre etichetele și sau puteți scrie codul CSS într-un fișier .CSS extern și încorporați fișierul folosind o etichetați astfel:. Schimbați „path/to/stylesheet.css” cu calea către fișierul .CSS pe care îl creați. Utilizați ID-ul sau atributul de clasă pentru a vă selecta listele cu marcatori, astfel:

    #mylist li { font-style: italic; }

    Codul de mai sus le selectează pe toate

  • etichete într-o etichetă cu ID-ul „mylist”. Înlocuiți semnul hash cu un punct atunci când selectați după atributul de clasă.
  • Pasul 4

    Utilizați proprietatea „list-style” din CSS pentru a schimba tipul marcatorului. Tipurile de marcatori disponibile includ cercuri deschise, discuri completate și pătrate pentru liste nenumerate, nealfabetizate. Iată un exemplu pentru gloanțe pătrate:

    #mylist li {list-style: square;}

    Bacsis

    Folosește

      eticheta în loc de
      pentru a crea liste ordonate. Apoi puteți seta tipul „stil listă” la diferite tipuri de numere sau litere.

      Creați marcatori de imagine specificând „niciunul” pentru atributul „stil listă” și apoi dați fiecare

    • etichetați o imagine de fundal care nu se repetă, aliniată la stânga. Adăugați căptușeală în partea stângă a fiecăruia
    • etichetați pentru a muta textul, altfel se va suprapune pe imagine.