1. Ayyıldız Tim forumu Hariç Hiç Bir şekilde Rütbeli Oldugunu İddaa edenlere inanmayınız..⠀ Ayyıldız Tim Adına Sizden Bilgi Belge TC Kimlik Vb Evrak İsteyenlere Asla Bilgilerinizi Vermeyiniz.

Html Ve Css Dersleri 9

'HTML 5 & CSS' forumunda SWOPE tarafından 29 Ocak 2017 tarihinde açılan konu

  1. SWOPE Guest

    • Guest
    Katılım:
    30 Kasım 2016
    Mesaj:
    1,947
    Alınan Beğeniler:
    1,730

    Özel Mesaj
    Selamünaleyküm devremlerim bu dersimizde sizlerle birlikte progress, marquee ve meter işlicez. İsterseniz başlıyalım.

    HTML de progress kodu
    HTML:
    <progress>... </progress>
    Örnek:
    Kod:
     <p>1. İşlemin Durumu:
              <progress value="25" max="100"> </progress>
            </p>
            <p>2. İşlemin Durumu:
              <progress value="38" max="100"> </progress>
            </p>
            <p>3. İşlemin Durumu:
              <progress value="73" max="100"> </progress>
            </p>
            <p>4. İşlem Tamamlandı:
              <progress value="100" max="100"> </progress>
            </p>  
    [​IMG]

    Progress işlem durumunu gösterir bunun bir işleme bağlamak için php kodu gerekir.



    Şimdi ise "meter" kodunu inceyelim
    HTML:
    <meter>....... </meter>
    Örnek:
    Kod:
    <p>Meter</p> 
            <meter min="0" max="180" low="30" optimum="90" high="120" value="130"></meter>  
    Meter kodu da aynı progresse benzer.
    [​IMG]

    Özellikleri: form, high, low, max, min, optimum ve value.

    form: meter elemanının bir form ile ilişkili olup olmadığını tanımlamak için kullanılır, bu özelliğe elemanın ilişkili olduğu form elemanının id değeri verilir, aralarında boşluk bırakmak kaydıyla birden fazla form id değeri verilebilir.

    high: min, max özellikleri ile tanımlanan aralıkta yüksek olarak kabul edilecek değer tanımlanır.

    low: min, max özellikleri ile tanımlanan aralıkta düşük olarak kabul edilecek değer tanımlanır.

    max, min: Aralığın en düşük ve an yüksek değerlerini tanımlamak için kullanılır, eğer bu özellikler tanımlanmazsa max=1,0 min=0 değerini alır.

    optimum: min, max değerleri arasında en uygun değer tanımlaması yapmak için kullanılır.

    value: ölçüm değerini kullanıcıya göstermek için kullanılır, bu değer min, max değerleri arasında olmalıdır.




    Şimdi ise marquee kodunu tanıyalım
    Kod:
    <marquee>...... </marquee>

    Marquee hareketli yazıdır eğer yön belirtmesseniz sadece sağa doğru gider.

    id= Eşsiz kimliğini belirtir.
    class= Sınıf adını belirtir.

    Marquee yönunünü belirtmek için
    Kod:
    direction
    kodudur

    Örnek:

    HTML:
     <marquee direction="up">
        <h1>Direction Up</h1>
      </marquee>
    
     <marquee direction="down">
        <h1>Direction Up</h1>
      </marquee>
    
    
     <marquee direction="left">
        <h1>Direction Up</h1>
      </marquee>
    
    
     <marquee direction="right">
        <h1>Direction Up</h1>
      </marquee>
    
    up = yukarı
    down = aşağı
    left = sola
    right = sağa

    Devremlerim bu dersimizi burda sonlandıralım. Bir sonraki dersimizde görüşmek üzere.
     
    AydoganGotu ve ERVAH-I-EZEL bunu beğendi.

Bu Sayfayı Paylaş