 |
| 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