Creating Lists

Kategori: HTML , 25 Ekim 2019 , JanFranco


HTML'de üç tip liste oluşturabiliriz: ordered lists (sıralı listeler), unordered lists (sırasız listeler), definition lists (tanım listeleri). Sıralı listeler ile başlayalım.

Sıralı listeleri tanımlarken ol etiketlerini kullanırız. Listenin içindeki her elementi li etiketleri arasında tanımlarız. Sıralı listelerde elementler otomatik olarak 1'den başlar ve artarak devam eder:


<ol>
	<li>Chop potatoes into quarters</li>
	<li>Simmer in salted water for 15-20
		minutes until tender</li>
	<li>Heat milk, butter and nutmeg</li>
	<li>Drain potatoes and mash</li>
	<li>Mix in the milk mixture</li>
</ol>
html lists

Sırasız listeleri tanımlarken ul etiketlerini kullanırız. Sırasız listelerde elementlere herhangi bir index, sıra atanmaz. Yine her element için li etiketi kullanırız:


<ul>
	<li>1kg King Edward potatoes</li>
	<li>100ml milk</li>
	<li>50g salted butter</li>
	<li>Freshly grated nutmeg</li>
	<li>Salt and pepper to taste</li>
</ul>
html lists

Tanımlı listeleri oluştururken dl etiketlerini kullanırız. Her bir element için dt (definition term), elemetnetlerin anlamları için dd etiketlerini kullanırız:


<dl>
	<dt>Sashimi</dt>
	<dd>Sliced raw fish that is served with
		condiments such as shredded daikon radish or
		ginger root, wasabi and soy sauce</dd>
	<dt>Scale</dt>
	<dd>A device used to accurately measure the
		weight of ingredients</dd>
	<dd>A technique by which the scales are removed
		from the skin of a fish</dd>
	<dt>Scamorze</dt>
	<dt>Scamorzo</dt>
	<dd>An Italian cheese usually made from whole
		cow's milk (although it was traditionally made
		from buffalo milk)</dd>
</dl>
html lists

İç içe listeler de oluşturmamız tabi ki mümkündür. Örnek üzerinden görelim:


<ul>
	<li>Mousses</li>
	<li>Pastries
		<ul>
			<li>Croissant</li>
			<li>Mille-feuille</li>
			<li>Palmier</li>
			<li>Profiterole</li>
		</ul>
	</li>
	<li>Tarts</li>
</ul>
html lists


Sonraki Yazı: Links
Yorumlar

Henüz bir yorum bulunmuyor.
Yorum bırakın