top of page

Sonunda, Biraz Görsel!

Evet biliyorum, "Bu HTML sadece yazı yazmaya ve yazılarda değişiklik yapmaya mı yarıyor?" diyorsunuz. Aslında diğer programlara göre "hâlâ" öyle ama, işte HTML'nin de kendine göre birkaç numarası var bu konuda:

 

 

 

 

 

  • <img src=" ... " />   

    Resim eklemenize yarar. Bu resim bir "url" de olabilir, "bilgisayarınızda HTML dosyanızla aynı klasörde bulunan bir resim" de olabilir. URL veya dosyanın ismini girmeniz gerekiyor.

    Görselinize veya resminize (Ads cılar bunu iyi bilir ) tıklayınca link açılmasını sağlamak ister misiniz? O zaman bu iş görür.

   

    Web adresini yazdıktan sonra <a>...</a> ların arasına linkinizin ne olarak gözükmek istediğini yazabilirsiniz ( Resim linkini koyarsanız resme tıklayınca da resim açtırabilirsiniz ). Genelde buraya tıklayın falan yazarlar.  Olmazsa olmazdır, candır. 


 

  • Resminizi eklediniz. Fakat resminiz bazı kullanıcılara gözükmeyebilir. O durumda; 

    <img src=" ... "  alt=" ... " />          alt kısmına ne yazarsanız o yazı gözükür. Gereklidir.

 

    Her şeyi yaptınız, bir de çerçeve istiyorsanız buyrun.

  • <img src=" ... " alt=" ... " witdh="10%" height="100px" border="5px" /> 

 

  • <form>...</form>

    İşte bu etiket ile bir form oluşturabiliriz. Buraya şifrenizi ve kullanıcı adınızı da yazabilirsiniz, istek öneri vs de. Tabi biraz düzenleme yapmak lazım..

 


    📔 <form>
           <input type=
"text" name="kullanıcı adı" />
           <br />
           <input type=
"password" name="şifre" />
        </form>

    Burada <input /> girdi demek ve bu etiket type="text" özelliğini alarak normal yazı girişi olan bir yere dönüşmüştür. Hemen aşağısında da type="password" alıp şifreli yazı yerine dönüşüyor. Name ise sadece o özellikli yerlerin ismini belirtmek için.

 



 

  • Pekiyi bu bilgi bütün kullanıcılara açık mı olacak? Yoksa daha güvenlikli bir şekilde mi saklanacak? Bunun için formunuzu oluştururken baştaki etikete şunlardan birini ekleyin;

    <form action="url" method="get"> bu herkese açık versiyonu;

 

    <form action="url" method="post"> bu da güvenlikli..

 


 

  • Bu arada bahsettiğimiz gibi, bu sadece bunlarla sınırlı kalmak zorunda değil; bu sonuçta gerçek bir form, diğer bilgi alış-verişleriniz için de kullanabilirsiniz. Value, sizin atadığınız değerdir, istediğiniz şeyi yazabilirsiniz.. Analizler vs. için kullanacaksanız 1, 2 de yapabilirsiniz.

    📔<form action="url" method="post"> (Cinsiyetlerin gözükür olmamasını istiyorum.)

            <input type="radio" name="cinsiyet" value="e" />  
            Erkek 


            <br />


            <input type="radio" name="cinsiyet" value="k" />  
            Kadın

        </form>  (Bu form size bir adet seçimlik yuvarlarklar verecektir. Bunu "radio" tipi sağlıyor.)

 

 



    📔<form action="url" method="get">


            <input type="checkbox" name="Diller" value="1" />  Almanca
            <input type="checkbox" name="Diller" value="2" />  İngilizce
            <input type="checkbox" name="Diller" value="3" />  Türkçe


        </form>    (Bu da size birden çok seçilebilen kutucuklar verir.)

HTML'de Resim

HTML'de Formlar

İletişim

Her türlü görüş & fikirleriniz için :

İletiniz için teşekkürler!

bottom of page