Vytvářejte odrážky v HTML pomocí
- značky.
Použití odrážek pomáhá rozdělit velké kusy textu a upozornit na seznamy užitečných informací. Odrážky lze snadno vytvořit v softwaru pro zpracování textu, ale když píšete dokument HTML, musíte znát kód, abyste je vytvořili. K vytvoření seznamu odrážek není potřeba mnoho kódu. Zabalte každý seznam
- nebo značky "neuspořádaný seznam". Pomocí kódu kaskádových stylů pak můžete se seznamem odrážek dělat, co chcete.
Krok 1
Napište text pro své odrážky. Začněte každý bod na vlastní linii. Zabalte každý řádek
Video dne
Krok 2
Vytvořte prázdný řádek nad seznamem s odrážkami a zadejte otvor
- tag na tom řádku. Najděte konec seznamu s odrážkami a vytvořte tam další prázdný řádek. Zadejte uzávěrku
- štítek. Zde je příklad krátkého seznamu odrážek s atributem ID:
- Kulka jedna
- Kulka dvě
Krok 3
Pomocí „style“ vytvořte svůj seznam odrážek pomocí kódu CSS. Přidejte kód CSS mezi značky mezi značky a nebo můžete kód CSS napsat do externího souboru .CSS a vložit soubor pomocí označit takto:. Změňte "cesta/k/stylesheet.css" za cestu k souboru .CSS, který vytvoříte. K výběru seznamů odrážek použijte atribut ID nebo class, například:
#mylist li { styl písma: kurzíva; }
Výše uvedený kód vybere vše
Krok 4
Pomocí vlastnosti "list-style" v CSS změňte typ odrážky. Dostupné typy odrážek zahrnují otevřené kruhy, vyplněné disky a čtverce pro nečíslované seznamy bez abecedy. Zde je příklad čtvercových odrážek:
#mylist li {list-style: square;}
Spropitné
Použijte
- tag místo toho
- k vytváření uspořádaných seznamů. Potom můžete nastavit typ "seznamu" na různé typy čísel nebo písmen.
- označte neopakující se obrázek na pozadí zarovnaný doleva. Přidejte výplň na levou stranu každého z nich
- tag přesunout text, jinak bude překrývat obrázek.
Vytvořte obrázkové odrážky zadáním „none“ pro atribut „list-style“ a poté dejte každé
