html dersleri

Listeleme Etiketleri

Listeleme etiketleri yazacağınız nesneleri sıralı ve düzgün bir şekilde sayfada görüntülememize yardımcı olur. UL,OL,Lİ gibi etiketleri bulunur.

<OL>

Sıralı liste oluşturmak için kullanılır. Kelime işlemci programındaki numaralandırma işlemi ile aynıdır. Listeleme işlemi harf, rakam veya roma rakamı şeklinde yapılabilir. Belirteceğiniz parametreler yardımı ile de istediğiniz harf, rakam veya roma rakamından başlayarak sıralı listenizi oluşturabilirsiniz.
<ol> etiketi, <li> etiketi ile birlikte kullanılmalıdır.

Örnek 1:
Burada <ol> etiketini kullanarak listeleme işlemine başlıyoruz. <li> etiketini kullanarak da listeleyeceğimiz elemanların isimlerini yazıyoruz.

listeleme1

Type parametresi kullanarak listenin rakamla mı harfle mi başlayacağını belirleyebiliriz.
“A” harfi yerine küçük “a” harfi yazılırsa sıralama a, b, c, …. şeklinde küçük harflerle olacaktır.

listeleme2

 

“I” harfi yerine küçük”i” harfi yazılırsa, sıralama i, ii, iii,…. şeklinde küçük roma rakamları ile yapılacaktır.

listeleme3

Sıralamanın her zaman “1” den veya “A” dan başlamasını istemeyebiliriz. Bu tür durumlarda Start parametresi kullanılır. Start parametresinin her zaman sayı olması gerekmektedir. Örneğin sıralamayı “C” harfinden başlatmak istiyorsak start değerine “C” yazmak yerine “3” yazmak zorundayız.

listeleme4

<UL>
<ul> etiketi madde işaretleri şeklinde listeleme yapmak için kullanılır.

listeleme5

Type parametresi ile kullanacağınız madde işaretinin şeklini belirleyebilirsiniz. Type ile kullanılan parametreler disc (içi dolu daire), circle (içi boş daire) ve square (içi dolu kare)’dir.

listeleme6

Html Etiketlerinin Kullanım Şekli Ve Olmazsa Olmaz Etiketler

Html Etiketlerinin Kullanım Şekli

Html etiketlerinin kullanımı oldukça basittir. <html> </html>, <head> </head>, <body> </body> gibi etiketler html sayfasının mutlaka olması gereken etiketleridir. <html> etiketi sayfanın tüm etiketlerini kapsayan etikettir yani;

Head Etiketi

Head etiketi İngilizce den de bildiğin gibi “kafa,baş” anlamına geliyor. Bu etiketin içine çağırmak istediğimiz css dosyasını meta etiketleri gibi temel kodları yazarız.

Örnek

<html>

<head>

</head>

<body bgcolor=”red”>

</body>

</html>

 

Body Etiketi

Body etiketi sayfada çalıştırdığımız bütün kodları buraya yazarız. İleride göstereceğim bütün etiketler bu etiket arasına yazılarak tarayıcıda çalışması sağlanır.

Yukarıda gördüğünüz gibi bgcolor kodunu body’e uyguladım yani bütün gövdeye uygulamış oldum. Bgcolor=”red” yazdığımda arka plan rengi komple kırmızı oldu.