• disc : Listeleme içi dolu yuvarlak ile yapılır.
• circle : Listeleme içi boş yuvarlak ile yapılır.
• square : Listeleme içi dolu kare ile yapılır.
• none : Listelemede işaretçi bulunmaz.

• 1 : Listeleme sayılar ile yapılır.
• A : Listeleme büyük harfler ile yapılır.
• a : Listeleme küçük harfler ile yapılır.
• I : Listeleme büyük roma rakamları ile yapılır.
• i : Listeleme küçük roma rakamları ile yapılır.

• action : Form içerisindeki bilgileri göndermek istediğimiz adresi (Url’i) belirtiriz.
• method : Get veya Post değeri verebiliriz.
• enctype : Gönderilen verilerin kodlamasını belirtir.
• autocomplete : Tarayıcının formu otomatik tamamlaması gerekip gerekmediği belirtilir. Varsayılan değeri on‘dur.
• novalidate : Tarayıcının formdaki bilgileri doğrulama zorunluluğunu iptal etmiş oluruz.

• text : Tek satırlık bir metin girişi için kullanılır. Varsayılan genişliği 20 karakterdir.
• email : Geçerli bir email adresinin girilmesini zorunlu kılar. Örneğin email adresini yazarken @ karakteri yoksa hatalı mail adresi olduğu için uyarı verir.
• password : Bir şifre alanı tanımlar. Girilen değerler yuvarlak siyah daireler şeklinde görünür.
• button : İnput nesnesini buton görünümünde oluşturur.
• file : İnput nesnesini bir dosya seçebileceğimiz şekilde oluşturur.
• checkbox : Kullacıya sunmuş olduğumuz seçeneklerden bir seçeneği seçmesini, birden fazla seçeneği aynı anda seçmesini veya hiçbirini seçmemesini istediğimiz durumlarda kullanırız.
• radio: Kullanıcıya birden çok seçenek içerisinde sadece birisini seçmesini istediğimiz durumlarda kullanırız.
• submit : Form içerisindeki bilgileri sunucuya göndermek için kullanılır. Yani type parametresi submit olan input’a tıklandığında içerisinde bulunduğu formdaki girilmiş tüm bilgileri action parametresinde belirtmiş olduğumuz adrese gönderir.
• reset : Girilen tüm form bilgilerini varsayılan değerlerine döndürür. Yani formu temizler diyebiliriz.
• color : Renk seçmemiz için bir palet oluşturur.
• number : Sayısal bir değer girilmesini zorunlu kılar. min ve max parametreleri ile sayısal değeri belirli bir aralıkta sınırlandırabilirsiniz.
• range: Bu değer input nesnesini media player’larda ses azaltıp çoğaltma aracı gibi yapar.
• url : Geçerli bir Url formatı girilmesini zorunlu kılar.
• date : Tarih seçmemiz için bir seçici oluşturur.
• time : Saat belirlememizi sağlar.
• month : Yıl ve ay seçmemiz için bir seçici oluşturur.
• week : Yıl ve hafta seçmemiz için bir seçici oluşturur.
• search : Arama alanları için kullanılır. Normal bir metin alanı gibi davranır. Tek farkı bir içerik yazdıktan sonra sağ tarafında çarpı işareti oluşuyor. Ona basarak içeriği silebiliyoruz. Birde arama motorları için bu input’un bir arama kutusu olduğunu belirtmiş oluyoruz.
• hidden : Bu değeri genelde sunucu tarafındaki işlemlerimiz için kullanırız.

Input etiketien çok kullanılan Html etiketlerinden biridir. Bu yüzden input etiketini biraz daha detaylı anlatacağım.

Şimdi de input etiketi ile kullandığımız diğer attribute’lara bakalım:

• disabled : İnputu pasif hale getirir. Pasif olan bir input kullanılamaz ve form gönderilirken bunun değeri gönderilmez.
• placeholder : Bu parametreye verilen değer input içerisinde görünür. Ama input’a odaklanıldığında yani birşey yazarken o değer görünmez. Eğer input içindeki yazıları tekrar silersek yine placeholder değeri görünmeye başlar.
• multiple : Birden fazla seçim yapılmasını sağlar.
• min ve max : Type parametresi number, date vb.. olan inputlarda minimum ve maximum değerler vermek için kullanılır.
• maxlength : İnputa yazılacak max karakter sayısını belirlememizi sağlar.
• pattern: Bu parametre ile inputlara girilen değerlerin belirli bir koşula göre olmasını sağlayabiliriz.
• readonly : İnputa bilgi girilemez, sadece okuma yapılabilir.
• required : Bu parametrenin verildiği inputlar doldurulmak zorundadır. Doldurulmadan form gönderilemez.
• size : İnputun boyutunu karakter olarak belirlememizi sağlar.
• step : Örneğin type parametresi number olan bir input olsun. Normalde bu inputta değerler 1’er artar ve azalır. Biz bu inputun step parametresine 15 değerini verdiğimizi düşünelim. Artık 1’er değilde 15’er artıp azalacaktır.
• value : İnputun başlangıç değerini belirtir.
• autocomplete : Tarayıcının inputu otomatik tamamlaması gerekip gerekmediği belirtilir. Varsayılan değeri on‘dur.
• checked : Type parametresi checkbox ve radio olan inputlarda kullanılır. Bu inputlara checked parametresini verdiğimiz zaman seçili halde görünürler.
• accept : Belirli dosya türleri ile işlem yapmak için kullanılır.
• autofocus : Sayfa yüklendiğinde, bu parametrenin verildiği inputa odaklanma olur.

• button : Standart buton eklemek için kullanılır.
• submit : Doldurulan form bilgilerinin sunucuya gönderilmesi için gerekli butonu eklerken kullanılır.
• reset : Doldurulan form bilgilerinin temizlenmesi için gerekli butonu eklerken kullanılır.

Yapmış oldukları işlev farklı olsa da üçünün de görünümleri aynıdır.

img etiketi ile aşağıdaki attribute’ları kullanabiliyoruz:

• src : Bu attribute ile resim nerde bulunuyor ise onun yolunu belirtiyoruz.
• alt : Eğer resmin yolu yanlış yazılmış veya resim herhangi bir nedenden dolayı görüntülenemezse, resmin yerine alt attribute’una yazmış olduğumuz metin görüntülenecektir. Örneğin resmimiz bir araba resmi ise, alt attribute’una araba ile ilgili birşeyler yazarsak resim görüntülenemediğinde alt attribute’unun değeri sayesinde neyle ilgili bir resim olduğunu anlayabiliriz.
• width ve height : Bu attribute’lar ile resimlere genişlik ve yükseklik değerleri verebiliriz.
• title : Bu attribute ile resim hakkında ek bilgiler tanımlayabiliriz. Resmin üzerine fare ile gelindiğinde bu bilgiler bir tooltip ile kullanıcıya gösterilir.

 Önemli :  Resimler yüklenirken biraz zaman aldığı için web sitelerinin açılış hızlarını etkilerler. Bu yüzden sayfalarımızda kullanacağımız resim sayısına dikkat etmeliyiz.

 Önemli :  Yüksek çözünürlükteki resimler sitemizin açılış hızını olumsuz etkileyeceği için olabildiğinde resimleri optimize ederek kullanmaya çalışmalıyız. Tabi burada optimize ederken resmin kalitesini de çok fazla bozmamak gerekiyor.

Örneğin sitemizde video paylaşımı yapmak istiyorsak, genelde videoları youtube gibi paylaşım sitelerine yükleriz. Daha sonra videoların iframe kodunu alıp web sayfamıza yerleştirdiğimizde, o video artık sayfamızda izlenebilir duruma gelir. Böylece video başka bir yerde depolandığından kendi sunucumuzdaki depolama alanından tasarruf sağlamış oluruz.

iframe etiketi ile kullanabildiğimiz attribute’lar şunlardır:

• src : Göstermek istediğimiz web sitesinin veya videonun kaynak adresini belirtiriz.
• width : Iframe’in genişliğini belirtiriz. Değeri pixel veya % (yüzde) olarak verebiliriz.
• height : Iframe’in yüksekliğini belirtiriz. Değeri pixel veya % (yüzde) olarak verebiliriz.
• frameborder : Iframe’in kenarlığının kalınlığını belirtmek için kullanırız. iframe’lerin varsayılan olarak bir kenarlığı bulunuyor. Eğer frameborder’a 1 değerini verirsek kenarlık koyarken, 0 değerini verdiğimizde kenarlık olmaz.
• border : Iframe’in kenar kalınlığını belirtiriz.
• title : Iframe’in başlığını belirtiriz.
• name : Iframe’e isim vermek için kullanırız.
• scrolling : Kaydırma çubuklarının durumunu belirtiriz. Varsayılan değeri auto‘dur. Yani iframe ile çağrılan sayfa, pencere içerisine sığmadığında kenar çubukları oluşur. Eğer no değerini verirsek kenar çubukları hiç bir koşulda oluşmaz. Eğer yes değerini verirsek kenar çubukları her zaman görünür durumda olur.
• align : Iframe’in konumunu belirtiriz. Şu değerleri verebiliriz: left, right, top, middle, bottom.