Listeleme ve Özel karakterler

HTML Dersleri #5 Listeleme ve Özel Karakterler

html-5-listeleme-ve-ozel-karakterler

HTML Dersleri #5

Merhaba;

Bu dersimizde HTML listeleme ve özel karakterler konusundan bahsedeceğiz. İkiside çok basit ve kısa bir konu. Özel karakterleri bir liste halinde, listelemeyi ise örneklemeler ile anlatacağım.

    
<!DOCTYPE html>
<html lang="tr-TR">
<head>
<title>hiercelik.net | Ders #5</title>
<meta charset="utf-8">
<meta name="description" content="Site hakkında açıklama">
</head>
<body>
<h1>Ders #5</h1>
<h2>Ders 4'ün devamı</h2>
Websitemize bir liste eklemek istiyoruz. Bu bir yapılacaklar listesi ya da menü listeside olabilir.
Bunun için iki tip listeleme etiketi vardır. Birincisi <b>ul</b> yani un-numbered list etiketidir.
Bu etiket içerisindeki her liste elemanı
<li>li</li>
etiketleri arasına alınır.
Bir liste örneği yapalım;
<ul>
<li>Bu birinci liste elemanımız</li>
<li>Bu ikinci liste elemanımız</li>
<li>Bu üçüncü liste elemanımız</li>
<li>Bu dördüncü liste elemanımız</li>
</ul>
Bu şekilde bir listeleme etiketini tarayıcıda görüntülediğiniz takdirde
altalta sıralanmış maddeler ve sol tarafında bir nokta göreceksiniz.
<hr />

Birde <b>ol</b> yani ordered list(numaralı liste) etiketi vardır.
Bu etiketle eklenen listeler yine altalta sıralanır ve başlarında nokta yerine sayıyla sıralama yapılır.
Örneğin;

<ol>
<li>Bu birinci liste elemanımız</li>
<li>Bu ikinci liste elemanımız</li>
<li>Bu üçüncü liste elemanımız</li>
<li>Bu dördüncü liste elemanımız</li>
</ol>
şeklinde kullanılır.
<hr />
<h3>Özel Karakterler</h3>
HTML içerisinde bazı özel karakterler kullanmamız gerekebilir. Tescil ve bilimsel simgeler gibi...
Ben size karakter kodu, çıktısı ve anlamını yazacağım. Gerektiği yerde bu kodlarıda kullanacağız.
<h4>Para Birimi Karakterleri</h4>

<ul>

<li>"&#8378;" Türk Lirası Simgesi</li>

<li>"&euro;" Euro Simgesi</li>

<li>"&cent;" Cent Simgesi</li>
<li>"&pound;" Pound Simgesi</li>
<li>"&yen;" Yen Simgesi</li>
</ul>
<h4>Tescil Karakterleri</h4>
<ul>
<li>"&copy;" Copyright Simgesi</li>
<li>"&trade;" Trademark Simgesi</li>
<li>"&reg;" Registered Simgesi</li>
</ul>
<h4>Metin ve Matematiksel Karakterler</h4>
<ul>
<li>"&nbsp;" Boşluk Simgesi</li>
<li>"&gt;" Büyüktür Simgesi</li>
<li>"&lt;" Küçüktür Simgesi</li>
<li>"&amp;" Ve Simgesi</li>
<li>"&times;" Çarpma Simgesi</li>
<li>"&divide;" Bölme Simgesi</li>
<!-- En çok kullanılan temel özel karakterler bunlardır. Bütün hepsini sunan örnek bir sitenin bağlantısını aşağıya ekliyorum-->
http://www.ascii.cl/htmlcodes.htm
</ul>
</body>
</html>

Daha çok özel karakterleri detaylı bilgileriyle beraber sunan bir siteyide buraya ekleyeyim.
Kullanmanız gerekirse işinize yarayabilir.

Kısa bir not

Dersleri bilerek HTML dosyası içeriğinde anlatıyorum ki bir yandan yavaş yavaş aşina olun. İlerleyen günlerde her ders için bir video hazırlayacağım. Umarım bu derslerin ve hazırlayacağım video derslerin faydası olur.

Ders esnasında oluşturduğumuz index dosyasını buradan indirebilirsiniz.

Tekrar görüşmek üzere. 5. dersimizi burada noktalayalım…

Önceki Ders  –  Sonraki Ders

İlginizi çekebilir...