Html Listeleme Örnekleri Nasıl Yapılır?

html örnek uygulama görseli
html örnek uygulama görseli
HTML üzerinden basit düzeyde birçok farklı tasarımı meydana getirmemiz gerekmektedir. Bu noktada sizlere temel düzeyden başlayarak nasıl farklı web siteleri oluşturabileceğinizi göstermeye çalışacağız.

Bu blog içeriğinde sizlerin; html kodlar, html listeleme örnekleri, html listeleme kodları, html dersleri konusunda kafalarınızı karıştıran tüm soru işaretlerini aydınlatacağız.

Şimdi adım adım olarak şekilde nasıl html listeleme işlemini yaptığımızı görelim.

Birinci Aşama

Her zaman bir html sayfası oluştururken kesinlikle html etiketi kullanarak sayfamızın tasarımına başlamamız gereklidir. Aksi durumda doğru bir işlem gerçekleştirmemiş oluruz.

ÖRNEK

<html>
..
</html>

İkinci Aşama

Web sitemiz üzerindeki html kodlarının çalıştırıl bir şekilde görülebilmesi için bazı etiketlerin içerisinde kodlanmış olması gerekmektedir. Bizler bu etikete body ismi veriyoruz. Şimdi bu etiketin nasıl görüldüğüne bakalım

ÖRNEK

<html>
<body>
...
<body>
</html>


Üçüncü Aşama

Artık body içerisinde yazacağımız tüm komutları sayfa içerisinde görebiliriz. Şimdi ise nasıl listeleme komutlarını uygulayacağımızı görelim. Listemizin kökünü oluşturalım.

ÖRNEK

<html>
<body>
<ul>
...
</ul>
<body>
</html>


Dördüncü Aşama

Son aşamamıza geldik. Body içerisine kökümüzün içerisine artık listelerimizi ekleyebiliriz. Ekleyeceğimiz bu listenin birden fazla olmasına dikkat etmeliyiz. Böyle uygulayacağımız örneğinde kalitesi artacak.

ÖRNEK

<html>
<body>
<ul>
<li>I love Google</li>
<li>Programlama Hocam</li>
<li>I love Google</li>
</ul>
<body>

</html>

Html örnek uygulamasının ve html liste aşamaları örneğinin sonuna geldik. Artık bir html liste oluşturduk. Bu listenin uygulamasını aşağıda görebilirsiniz. (HTML örnek kodlarımızı kopyalayabilirsiniz.)


ÖRNEĞİN UYGULANMASI
  • I love Google
  • Programlama Hocam
  • I love Google

0 Yorumlar