Vytvorte odrážky v HTML pomocou
- značky.
Používanie odrážok pomáha rozdeliť veľké kusy textu a poukázať na zoznamy užitočných informácií. Odrážky sa dajú ľahko vytvoriť v softvéri na spracovanie textu, ale keď píšete dokument HTML, na ich vytvorenie potrebujete poznať kód. Na vytvorenie zoznamu odrážok nie je potrebné veľa kódu. Zabaľte každý zoznam
- alebo značky "neusporiadaný zoznam". Potom môžete so zoznamom odrážok robiť čokoľvek pomocou kódu kaskádových štýlov.
Krok 1
Napíšte text pre svoje odrážky. Začnite každý bod na vlastnej čiare. Zabaľte každý riadok
Video dňa
Krok 2
Vytvorte prázdny riadok nad zoznamom s odrážkami a potom zadajte otvor
- tag na tomto riadku. Nájdite koniec svojho zoznamu s odrážkami a potom tam vytvorte ďalší prázdny riadok. Zadajte uzávierku
- tag. Tu je príklad krátkeho zoznamu odrážok s atribútom ID:
- Odrážka jedna
- Odrážka dva
Krok 3
Pomocou „štýlu“ vytvorte zoznam odrážok pomocou kódu CSS. Pridajte kód CSS medzi značky medzi značky a alebo môžete kód CSS napísať do externého súboru .CSS a vložiť súbor pomocou takto označiť:. Zmeňte "path/to/stylesheet.css" za cestu k súboru .CSS, ktorý vytvoríte. Na výber zoznamov odrážok použite atribút ID alebo class, napríklad:
#mylist li { font-style: italic; }
Vyššie uvedený kód vyberie všetko
Krok 4
Na zmenu typu odrážky použite vlastnosť „list-style“ v CSS. Dostupné typy odrážok zahŕňajú otvorené kruhy, vyplnené disky a štvorce pre nečíslované zoznamy bez abecedy. Tu je príklad štvorcových odrážok:
#mylist li {štýl zoznamu: štvorec;}
Tip
Použi
- tag namiesto
- na vytváranie usporiadaných zoznamov. Potom môžete nastaviť typ „štýl zoznamu“ na rôzne typy čísel alebo písmen.
- označte neopakujúci sa obrázok na pozadí zarovnaný doľava. Pridajte výplň na ľavú stranu každého z nich
- tag na presunutie textu, inak bude prekrývať obrázok.
Vytvorte obrázkové odrážky zadaním hodnoty „none“ pre atribút „list-style“ a potom zadajte každú
