Създайте водещи точки в HTML с помощта на
- етикети.
Използването на водещи точки помага да се разделят големи парчета текст и да се изтъкнат списъци с полезна информация. Bullet точките са лесни за създаване в софтуер за текстообработка, но когато пишете HTML документ, трябва да знаете кода, за да ги създадете. Не се изисква много код за създаване на списък с водещи символи. Увийте всеки списък
- или етикети "неподреден списък". След това можете да правите всичко, което искате със списъка с куршуми, като използвате кода на каскадния стилов лист.
Етап 1
Напишете текста за вашите точки. Започнете всяка точка на отделна линия. Увийте всяка линия
Видео на деня
Стъпка 2
Създайте празен ред над списъка с водещи символи и след това въведете отвор
- етикет на този ред. Намерете края на вашия списък с водещи символи и след това създайте друг празен ред там. Въведете затваряне
- етикет. Ето пример за кратък списък с водещи символи с атрибут ID:
- Куршум едно
- Куршум две
Стъпка 3
Използвайте "стил", за да създадете своя списък с куршуми с помощта на CSS код. Добавете CSS код между етикетите между маркерите и или можете да напишете CSS кода във външен .CSS файл и да вградите файла с помощта на таг като този:. Променете "path/to/stylesheet.css" с пътя към .CSS файла, който създавате. Използвайте атрибута ID или клас, за да изберете вашите списъци с водещи символи, както следва:
#mylist li { font-style: курсив; }
Горният код избира всички
Стъпка 4
Използвайте свойството "list-style" в CSS, за да промените типа на водещия символ. Наличните типове куршуми включват отворени кръгове, попълнени дискове и квадратчета за неномерирани, не азбучени списъци. Ето пример за квадратни куршуми:
#mylist li {list-style: square;}
Бакшиш
Използвай
- етикет вместо
- за създаване на подредени списъци. След това можете да зададете тип „стил на списък“ на различни типове цифри или букви.
- маркирайте неповтарящо се, подравнено вляво фоново изображение. Добавете подплънки към лявата страна на всеки
- таг, за да преместите текста, в противен случай той ще припокрива изображението.
Създайте графични символи, като посочите "none" за атрибута "list-style" и след това дайте всеки
