Stvorite točke u HTML-u pomoću
- oznake.
Korištenje grafičkih oznaka pomaže razbiti velike dijelove teksta i istaknuti popise korisnih informacija. Točke za nabrajanje je lako izraditi u softveru za obradu teksta, ali kada upisujete HTML dokument, morate znati kod da biste ih stvorili. Nije potrebno puno koda za izradu popisa s oznakama. Zamotajte svaki popis
- ili oznake "neuređeni popis". Zatim možete učiniti sve što želite s popisom oznaka pomoću koda kaskadne tablice stilova.
Korak 1
Napišite tekst za svoje nabratke. Počnite svaku točku na vlastitoj liniji. Zamotajte svaki red
Video dana
Korak 2
Napravite prazan redak iznad popisa s grafičkim oznakama, a zatim upišite otvor
- oznaku na toj liniji. Pronađite kraj svog popisa s grafičkim oznakama, a zatim stvorite još jedan prazan redak. Upišite zatvaranje
- označiti. Evo primjera kratkog popisa s oznakama s ID atributom:
- Metak jedan
- Metak dva
Korak 3
Upotrijebite "style" da biste izradili svoj popis s oznakama pomoću CSS koda. Dodajte CSS kôd između oznaka između oznaka i ili možete napisati CSS kod u vanjsku .CSS datoteku i ugraditi datoteku pomoću tag ovako:. Promijenite "path/to/stylesheet.css" stazom do .CSS datoteke koju izradite. Upotrijebite ID ili atribut klase da biste odabrali svoje popise s grafičkim oznakama, na primjer:
#mylist li { font-style: italic; }
Gornji kod odabire sve
4. korak
Upotrijebite svojstvo "list-style" u CSS-u da promijenite vrstu oznake. Dostupne vrste metaka uključuju otvorene krugove, popunjene diskove i kvadrate za nenumerirane popise bez abecede. Evo primjera za kvadratne metke:
#mylist li {list-style: square;}
Savjet
Koristiti
- oznaka umjesto
- za stvaranje uređenih popisa. Zatim možete postaviti vrstu "stil popisa" na različite vrste brojeva ili slova.
- označite pozadinsku sliku koja se ne ponavlja. Dodajte podloge na lijevu stranu svake
- tag za premještanje teksta, inače će se preklapati sa slikom.
Izradite grafičke oznake navodeći "none" za atribut "list-style", a zatim dajte svaki
