HTML - Serdar Yılmaz https://www.srdrylmz.com/tag/html/ Fri, 24 Nov 2017 23:56:02 +0000 tr hourly 1 https://wordpress.org/?v=6.7.2 https://www.srdrylmz.com/wp-content/uploads/2020/10/favicon.ico HTML - Serdar Yılmaz https://www.srdrylmz.com/tag/html/ 32 32 <input type=”checkbox” /> Elemanı https://www.srdrylmz.com/input-typecheckbox-elemani/ https://www.srdrylmz.com/input-typecheckbox-elemani/#respond Sat, 03 Dec 2016 14:03:15 +0000 http://www.srdrylmz.com/?p=2410 Kod Açıklama Belli seçeneklerden bir veya birkaçını seçmek için kullanılan yapıdır. Aynı grup altından değerlendirdiğimiz checkbox’lar için aynı name‘i belirtmemiz gerekir. Yukarıda ki örnekte yer alan seçenekler aynı soruyu yanıtlamak üzere eklendiği için name’leri aynıdır. Kullanıcının hangi seçenekleri seçtiğini value değerini kontrol ederek anlayabiliriz. Bu işlemi programlama dilleri ile yapmaktayız. Form yüklenirken varsayılan olarak işaretli olmasını istediğimiz seçeneklere checked…

The post <input type=”checkbox” /> Elemanı appeared first on Serdar Yılmaz.

]]> https://www.srdrylmz.com/input-typecheckbox-elemani/feed/ 0 <textarea> … </textarea> Elemanı https://www.srdrylmz.com/textarea-textarea-elemani/ https://www.srdrylmz.com/textarea-textarea-elemani/#respond Sat, 03 Dec 2016 13:26:41 +0000 http://www.srdrylmz.com/?p=2401 Kod Açıklama Textarea elemanı daha uzun metinlerin yazılabildiği veya görüntülenebildiği gelişmiş bir metin kutusudur. <input type=”text” /> Elemanının gelişmiş hali olarak düşünebiliriz. rows özelliği ile metin kutusunun yüksekliğinin kaç satırdan oluşacağını belirtebiliriz. cols özelliği ile metin kutusunun kaç karakterlik genişliğe sahip olacağını belirtebiliriz. wrap özelliği ile metin kutusuna sığmayan yazıların bir satıra geçmesini sağlayabiliriz. 3 farklı değer almaktadır; wrap=”soft”…

The post <textarea> … </textarea> Elemanı appeared first on Serdar Yılmaz.

]]> https://www.srdrylmz.com/textarea-textarea-elemani/feed/ 0 <input type=”text” /> Elemanı https://www.srdrylmz.com/input-typetext-elemani/ https://www.srdrylmz.com/input-typetext-elemani/#comments Thu, 01 Dec 2016 16:00:11 +0000 http://www.srdrylmz.com/?p=2397 Kod Açıklama Formda kullanıcının veri (metin,sayı veya karakter) girişi yapabileceği bir alan oluşturur. Eğer type özelliğine “text” yerine “password” girersek, klavyeden gireceğimiz ifadeler maskelenecektir. size özelliği ile metin kutusunun genişliğini ayarlayabiliriz. (Yatay Uzunluk) maxlenght özelliği ile metin kutusuna girilebilecek maksimum karakter sayısını belirtebiliriz. value özelliği ile sayfa yüklenir yüklenmez metin kutusu içerisinde gözükecek varsayılan metni belirtebiliriz.

The post <input type=”text” /> Elemanı appeared first on Serdar Yılmaz.

]]> https://www.srdrylmz.com/input-typetext-elemani/feed/ 2 Form Oluşturma https://www.srdrylmz.com/form-olusturma/ https://www.srdrylmz.com/form-olusturma/#respond Thu, 01 Dec 2016 12:16:53 +0000 http://www.srdrylmz.com/?p=2388 Kod Açıklama Form yapısını kullanarak kullanıcıdan aldığımız bilgileri sunucu tarafına gönderebiliriz. Kullanıcıdan bilgileri alabilmek için Form Elemanları kullanılmaktadır. Bu içeriğimiz de sadece temel form yapısından bahsedeceğiz. Form elemanlarını ise ayrı bir içerikte ele alacağız. method özelliği ile form elemanlarından alınan bilgilerin nasıl gönderileceğini belirtiyoruz. İki değer almaktadır; post Değeri Form elemanları ile alınan bilgiler gönderilirken URL’de gösterilmez. get…

The post Form Oluşturma appeared first on Serdar Yılmaz.

]]> https://www.srdrylmz.com/form-olusturma/feed/ 0 Tablo Oluşturma https://www.srdrylmz.com/tablo-olusturma/ https://www.srdrylmz.com/tablo-olusturma/#respond Thu, 01 Dec 2016 11:04:41 +0000 http://www.srdrylmz.com/?p=2382 Kod Açıklama Basit Kullanım <thead> … </thead> etiketi tablo başlığını belirtmek amacıyla kullanılmaktadır. <th> … </th> etiketi sütun başlıklarını belirtmek amacıyla kullanılmaktadır. <tr> … </tr> etiketi yeni bir satır oluşturmak amacıyla kullanılmaktadır. <td> … </td> etiketi yeni bir sütun oluşturmak amacıyla kullanılmaktadır. colspan özelliği kullanılarak sütunlar birleştirilebilir. Yukarıdaki örnekte iki sütun birleştirilerek yeni bir sütun oluşturulmuştur.…

The post Tablo Oluşturma appeared first on Serdar Yılmaz.

]]> https://www.srdrylmz.com/tablo-olusturma/feed/ 0 İç İçe Listeler https://www.srdrylmz.com/ic-ice-listeler/ https://www.srdrylmz.com/ic-ice-listeler/#respond Mon, 28 Nov 2016 09:56:08 +0000 http://www.srdrylmz.com/?p=2378 Kod Açıklama Listeler başlığı altında öğrenmiş olduğumuz liste türlerini içi içe kullanabiliriz. Yukarıda yer alan örnek kod incelenecek olursa; <ol> etiketi ile sıralı bir liste oluşturmuş ve bu listenin elemanlarının altına sırasız bir liste oluşturularak başka elemanlar eklenmiştir.

The post İç İçe Listeler appeared first on Serdar Yılmaz.

]]> https://www.srdrylmz.com/ic-ice-listeler/feed/ 0 Tanımlı Listeler https://www.srdrylmz.com/tanimli-listeler/ https://www.srdrylmz.com/tanimli-listeler/#respond Mon, 28 Nov 2016 09:40:47 +0000 http://www.srdrylmz.com/?p=2373 Kod Açıklama Tanımlı listeler; başlık ve o başlıkların altında yer alan içeriklerden oluşur. <dt> … </dt> etiketi ile başlıklar, <dd> … </dd> etiketi ile de başlıklara ait içerikler belirtilmektedir.

The post Tanımlı Listeler appeared first on Serdar Yılmaz.

]]> https://www.srdrylmz.com/tanimli-listeler/feed/ 0 Sırasız Listeler https://www.srdrylmz.com/sirasiz-listeler/ https://www.srdrylmz.com/sirasiz-listeler/#respond Mon, 28 Nov 2016 09:00:49 +0000 http://www.srdrylmz.com/?p=2370 Kod Açıklama Sırasız listeler oluşturmak için <ul> etiketi kullanılır ve eklenecek her liste elemanı <li> … </li> etiketi içerisine yazılır. type özelliği ile liste elemanlarının madde işaretini belirtiyoruz. type=”disc”  (İçi dolu daire) || type=”circle”  (İçi boş çember) || type=”square”  (Kare)

The post Sırasız Listeler appeared first on Serdar Yılmaz.

]]> https://www.srdrylmz.com/sirasiz-listeler/feed/ 0 Sıralı Listeler https://www.srdrylmz.com/sirali-listeler/ https://www.srdrylmz.com/sirali-listeler/#comments Mon, 28 Nov 2016 08:36:30 +0000 http://www.srdrylmz.com/?p=2363 Kod Açıklama Sıralı listeler oluşturmak için <ol> etiketi kullanılır ve eklenecek her liste elemanı <li> … </li> etiketi içerisine yazılır. type özelliği ile sıralamanın ne şekilde yapılacağını belirtiyoruz. type=”1″   (Sayısal sıralama) type=”A”  (Büyük harflerle sıralama) type=”a”   (Küçük harflerle sıralama) type=”I”    (Büyük harflerle gösterilen roma rakamlarıyla sıralama) type=”i”    (Küçük harflerle gösterilen roma rakamlarıyla sıralama)…

The post Sıralı Listeler appeared first on Serdar Yılmaz.

]]> https://www.srdrylmz.com/sirali-listeler/feed/ 1 Image Map https://www.srdrylmz.com/image-map/ https://www.srdrylmz.com/image-map/#comments Fri, 25 Nov 2016 11:32:07 +0000 http://www.srdrylmz.com/?p=2345 Kod Açıklama Bir resmin farklı bölgelerine tıklanıldığında farklı adreslere gidilmesi isteniyorsa resim için bir map oluşturulur. Oluşturulan mapte link verilmek istenen bölgelerin koordinatları bulunur ve o koordinatlara tıklanıldığında gidilecek adres belirtilir. Yukarıdaki örneğimizde “harita” isimli bir map oluşturduk. snape özelliği ile resmi hangi geometrik şekilde parçalara ayıracağımızı belirtiyoruz. rect değeri ile resmi dikdörtgen şekilde bölgelere/parçalara ayırtmak istediğimizi belirttik. coords…

The post Image Map appeared first on Serdar Yılmaz.

]]> https://www.srdrylmz.com/image-map/feed/ 2