შექმენით პუნქტები HTML-ში გამოყენებით
- ტეგები.
პუნქტების გამოყენება ხელს უწყობს ტექსტის დიდი ნაწილის დაშლას და სასარგებლო ინფორმაციის სიების მითითებას. ტყვიის წერტილების შექმნა მარტივია ტექსტის დამუშავების პროგრამულ უზრუნველყოფაში, მაგრამ როდესაც აკრეფთ HTML დოკუმენტს, თქვენ უნდა იცოდეთ კოდი მათი შესაქმნელად. პუნქტების სიის შესაქმნელად ბევრი კოდი არ არის საჭირო. შეფუთეთ თითოეული სია
- ან "არამოწესრიგებული სია" ტეგები. ამის შემდეგ შეგიძლიათ გააკეთოთ ყველაფერი, რაც გსურთ პუნქტების სიით, კასკადური სტილის ფურცლის კოდის გამოყენებით.
Ნაბიჯი 1
დაწერეთ ტექსტი თქვენი პუნქტებისთვის. დაიწყეთ თითოეული წერტილი საკუთარი ხაზით. შეფუთეთ თითოეული ხაზი
დღის ვიდეო
ნაბიჯი 2
შექმენით ცარიელი სტრიქონი სიის ზემოთ და შემდეგ აკრიფეთ გახსნა
- მონიშნეთ ამ ხაზზე. იპოვეთ თქვენი ბურთულებიანი სიის დასასრული და შემდეგ შექმენით კიდევ ერთი ცარიელი ხაზი. ჩაწერეთ დახურვა
- ტეგი. აქ მოცემულია მოკლე პუნქტების სიის მაგალითი ID ატრიბუტით:
- ტყვია ერთი
- ტყვია ორი
ნაბიჯი 3
გამოიყენეთ "სტილი" თქვენი პუნქტების სიის შესაქმნელად CSS კოდის გამოყენებით. დაამატეთ CSS კოდი ტეგებს შორის და ტეგებს შორის, ან შეგიძლიათ ჩაწეროთ CSS კოდი გარე .CSS ფაილში და ჩასვათ ფაილი მონიშნეთ ასე:. შეცვალეთ "path/to/stylesheet.css" თქვენს მიერ შექმნილი .CSS ფაილის ბილიკით. გამოიყენეთ ID ან კლასის ატრიბუტი თქვენი პუნქტების სიების შესარჩევად, მაგალითად:
#mylist li { font-style: italic; }
ზემოთ მოყვანილი კოდი ირჩევს ყველაფერს
ნაბიჯი 4
გამოიყენეთ "list-style" თვისება CSS-ში ბურთულების ტიპის შესაცვლელად. ტყვიების ხელმისაწვდომი ტიპები მოიცავს ღია წრეებს, შევსებულ დისკებს და კვადრატებს არანომრირებული, არაანბანური სიებისთვის. აქ არის მაგალითი კვადრატული ტყვიებისთვის:
#mylist li {list-style: Square;}
რჩევა
გამოიყენეთ
- მონიშვნა ნაცვლად
- შეკვეთილი სიების შესაქმნელად. შემდეგ შეგიძლიათ დააყენოთ "სიის სტილის" ტიპი სხვადასხვა ტიპის რიცხვებზე ან ასოებზე.
- მონიშნეთ არაგანმეორებადი, მარცხნივ გასწორებული ფონის სურათი. დაამატეთ ბალიშები თითოეულის მარცხენა მხარეს
- მონიშნეთ ტექსტის გადასატანად, წინააღმდეგ შემთხვევაში ის გადაფარავს სურათს.
შექმენით გამოსახულების პუნქტები „list-style“ ატრიბუტისთვის „არცერთი“ მითითებით და შემდეგ მიეცით ყველა
