Looge HTML-is täppe kasutades
- sildid.
Täpppunktide kasutamine aitab jagada suuri tekstilõike ja tuua välja kasuliku teabe loendid. Täpppunkte on tekstitöötlustarkvaras lihtne luua, kuid HTML-dokumendi tippimisel peate teadma nende loomiseks kasutatavat koodi. Täpploendi loomiseks pole palju koodi vaja. Pakkige iga loend sisse
- või "järjestamata loendi" sildid. Seejärel saate täppide loendiga teha kõike, mida soovite, kasutades Cascading Style Sheet koodi.
Samm 1
Kirjutage oma täppide jaoks tekst. Alusta iga punkti oma sirgelt. Mähkige iga rida sisse
Päeva video
2. samm
Looge täpploendi kohale tühi rida ja tippige seejärel ava
- silt sellel real. Otsige üles täpploendi lõpp ja looge sinna veel üks tühi rida. Sisestage sulgemine
- silt. Siin on näide ID-atribuudiga lühikesest täpploendist:
- Täpp üks
- Täpp kaks
3. samm
Kasutage CSS-koodi abil täppide loendi loomiseks "stiili". Lisage CSS-kood märgendite vahele ja vahele või võite kirjutada CSS-koodi välisesse CSS-faili ja manustada faili sildi niimoodi:. Muutke "path/to/stylesheet.css" teie loodud CSS-faili teega. Kasutage täppide loendite valimiseks ID või klassi atribuuti, näiteks järgmiselt.
#mylist li { font-style: kaldkiri; }
Ülaltoodud kood valib kõik
4. samm
Kasutage täpi tüübi muutmiseks CSS-is atribuuti "list-style". Saadaolevate täppide tüübid hõlmavad avatud ringe, täidetud kettaid ja ruute nummerdamata ja tähestikuta loendite jaoks. Siin on näide ruudukujuliste täppide kohta:
#mylist li {list-style: square;}
Näpunäide
Kasuta
- sildi asemel
- järjestatud loendite loomiseks. Seejärel saate määrata "loendi stiilis" tüübi erinevat tüüpi numbritele või tähtedele.
- märkige mittekorduv, vasakule joondatud taustpilt. Lisage iga vasakusse serva polsterdus
- teksti teisaldamiseks, vastasel juhul kattub see pildiga.
Looge pilditäpid, määrates atribuudi "list-style" jaoks "puudub", ja seejärel andke kõik
