Kako narediti točke v HTML

Uporaba oznak pomaga razbiti velike dele besedila in izpostaviti sezname koristnih informacij. Točke je enostavno ustvariti v programski opremi za obdelavo besedil, vendar morate, ko tipkate dokument HTML, poznati kodo za njihovo ustvarjanje. Za ustvarjanje seznama oznak ni potrebno veliko kode. Vsak seznam ovijte v

in nato ovijte celoten seznam v oznake

ali "neurejen seznam". Nato lahko s kodo Cascading Style Sheet naredite karkoli želite s seznamom oznak.

1. korak

Napišite besedilo za točke. Začnite vsako točko na svoji črti. Vsako vrstico ovijte v

in

take oznake:

To je označena točka

To je še ena alineja

2. korak

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

v tej vrstici. Poiščite konec 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 začetni oznaki

. Tukaj je primer kratkega seznama z oznakami z atributom ID:

• Prva točka
• Druga točka

3. korak

Uporabite "style", da ustvarite svoj seznam z oznakami s kodo CSS. Dodajte kodo CSS med

oznake med in ali pa kodo CSS zapišete v zunanjo datoteko .CSS in datoteko vdelate z oznako, kot je ta:. Spremenite »path/to/stylesheet.css« s potjo do datoteke .CSS, ki jo ustvarite. Uporabite atribut ID ali class, da izberete sezname oznak, takole:

#mylist li { slog pisave:poševno; }

Zgornja koda izbere vse

oznake znotraj oznake z ID-jem "mylist." Pri izbiranju z atributom razreda zamenjajte zrezek s piko.

4. korak

Uporabite lastnost "list-style" v CSS, da spremenite vrsto oznake. Razpoložljive vrste oznak vključujejo prazne kroge, zapolnjene plošče in kvadratke za neoštevilčene sezname brez abecede. Tukaj je primer za kvadratne oznake:

#mylist li {list-style:square;}

Nasvet

Uporabite

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 vsak

• označite neponavljajočo se levo poravnano sliko ozadja. Dodajte oblazinjenje na levo stran vsakega
• za premikanje besedila, sicer bo prekrivalo sliko.