Kullanarak HTML'de madde işaretleri oluşturun
- etiketler.
Madde işaretlerini kullanmak, büyük metin parçalarını ayırmaya ve faydalı bilgi listelerini göstermeye yardımcı olur. Kelime işlemci yazılımında madde işareti noktaları oluşturmak kolaydır, ancak bir HTML belgesi yazarken bunları oluşturmak için kodu bilmeniz gerekir. Madde işareti listesi oluşturmak için fazla kod gerekmez. Her listeyi sarın
- veya "sırasız liste" etiketleri. Ardından, Basamaklı Stil Sayfası kodunu kullanarak madde işareti listesiyle istediğiniz her şeyi yapabilirsiniz.
Aşama 1
Madde işaretleri için metni yazın. Her noktayı kendi satırında başlatın. Her satırı sarın
Günün Videosu
Adım 2
Madde işaretli listenin üzerinde boş bir satır oluşturun ve ardından bir açılış yazın
- bu satırda etiketleyin. Madde işaretli listenizin sonunu bulun ve orada başka bir boş satır oluşturun. Bir kapanış yazın
- etiket. Kimlik özniteliğine sahip kısa bir madde işareti listesi örneği:
- kurşun bir
- kurşun iki
Aşama 3
CSS kodunu kullanarak madde işaretli listenizi oluşturmak için "stil" kullanın. ve etiketleri arasındaki etiketlerin arasına CSS kodu ekleyin veya CSS kodunu harici bir .CSS dosyasına yazabilir ve bir dosya kullanarak dosyayı gömebilirsiniz. şöyle etiketleyin:. "path/to/stylesheet.css" dosyasını, oluşturduğunuz .CSS dosyasının yolu ile değiştirin. Madde işaretli listelerinizi seçmek için ID veya class niteliğini kullanın, örneğin:
#mylist li { yazı tipi stili: italik; }
Yukarıdaki kod hepsini seçer
4. Adım
Madde işareti türünü değiştirmek için CSS'deki "list-style" özelliğini kullanın. Kullanılabilir madde işareti türleri, numaralandırılmamış, alfabetik olmayan listeler için açık daireler, doldurulmuş diskler ve kareler içerir. İşte kare madde işaretleri için bir örnek:
#mylist li {liste stili: kare;}
Uç
Kullan
- etiket yerine
- sıralı listeler oluşturmak için. Daha sonra "liste stili" türünü değişen sayı veya harf türlerine ayarlayabilirsiniz.
- yinelenmeyen, sola hizalanmış bir arka plan resmini etiketleyin. Her birinin sol tarafına dolgu ekleyin
- metni taşımak için etiketleyin, aksi takdirde görüntü üst üste gelir.
"Liste stili" özniteliği için "none" belirterek resim madde işaretleri oluşturun ve ardından her
