Html Dersleri 5, "listeler" 1. Bölüm

teknolojiyi gönülden hissettiyimiz 1 günden daha merhabalar kıymetli okurlarım; html eğitimimizde oldukça adım adım durmadan ilerliyoruz. bugün; sizinle html'nin önemli yapıtaşlarından listeleri göreceyiz.

listeler nedir ve nerelerde kullanılır?

web yönetimi; karmaşık ve çözüldüğünde zevkli bir platformdur. html'de öyledir; konu ve hiyerarşisini elde ettiyinde pekte çözülmez 1 konu kalmaz, gerisi sade teferruattır. menülerde, linklerde, navigasyonlarda, ürün listelemelerinde, yazar, dergi ve önemli konuları belirtmede kullanılan listeler, 2 alana ayrılırlar.

metinsel listeler

ben öğrencilerime kolay bulmaları ve kodlamaları açısından belli konularda pratiklerde çeşitli çözümler öneririm hep; metinsel listeler, 1 ürünün markasını, meyve veya sebzenin genel liste faydalarını, ana menü başta olmak üzere tüm sitenin linklerini sıralamada kullanılır.

Sayısal listeler

diğer listeleme yöntemiyse sayısal liste; bu bölüm: adındanda belirlendiyi üzere herhangi maddeleri, konuları, sayıyla başlayan figürleri belirtecek olan tüm elamanları biz sayı listeleme yöntemiyle belirtiriz. bunu 2. bölümde göreceyiz.

örnekler

şimdi gelelim metinsel listenin kullanımına; ilk olarak html döngümü başlatıyorum.

<html><head><title>deneme sayfası</title></head><body>

evet; body alanından sonra şimdi başlıkseviyesi 2 formatlı alan açalım ve devam edelim, 4. derste görmüştük hatırlarsanız.

<h2>en sevdiyim meyveler</h2>

en sevdiyim meyveleri web sayfamda liste olarak sıralamam istendi benden; bunun için ilk olarak herzamanki gibi < işaretimle koda başlıyorum ve

<ul><li>elma</li>

<li>nar</li>

<li>kiraz</li>

<li>ayva</li>

burada belirtmem gerekki <ul> diğerek liste komutunu belirttim; daha sonrasında liste sözcüğünün ilk 2 harfini alarak <li> deyip meyvelerimi sıraladım ve her meyveden sonra </li> diyerek kodumu kapattım.

meyvelerim bukadar şimdilik; neyapmam gerek, liste komutunu tamamen kapatmam gerek: </ul> diyorum ve liste komutum kapanıyor.

body ve html döngümüzüde tamamlamamız gerekiyor tabiki; </body></html>

5. hafta dersimiz böylelikle burada sonlandı dostlar; listeleri ve tüm konuları daha anlamanın en önemli teorisi bol bol pratik yapmak olucak. zaten listelerin genel konusu bukadar değil; diğer haftalarda deyinmek üzere esenlikler diliyorum.


YORUM YAZ

YORUMLAR

Şu an yorum bulunmamaktadır.