İç İçe Element Kullanımı

21 Haziran 2017

Html'in bazı elementleri kendi içerisinde diğer elementleri ve öğeleri barındırabilir. Tanımlanan bu elementler hiyerarşik yapıdadır. Kısacası "ebeveyn-çocuk" ilişkisi söz konudur. Örneğin; <Ornek1> <Ornek2></Ornek2> </Ornek1> Yukarıda yer alan örnekte "Ornek1" elementinin içerisinde "Ornek2" elementinin yer aldığını görüyoruz. Bu durumda "Ornek2" elementi "Ornek1" elementinin çocuk (child) elementi oluyor.  

CONTINUE READING

Web Site Yönlendirme Kodu

Posted on 3 Haziran 2017

Aktif olarak kullanmadığınız bir site veya alan adına sahipseniz. Bu siteyi başka bir siteye yönlendirmek için aşağıdaki yönlendirme kodunu kullanabilirsiniz. Bu yönlentime Html meta tag kodları kullanarak yapılır. <html> <head> <meta http-equiv=”refresh” content=”0;URL=http://www.ibrahimtatar.com“> </head> </html> Bu kodları ana dizinde yer alan index.html dosyasına yazdığınızda başarıyla yönlendirme gerçekleşecektir. *http://www.ibrahimtatar.com yerine yönlendireceğiniz web site adresini yazmayı unutmayın.

READ MORE

HTML Input Kontroller

31 Mayıs 2017

Html'in sürümleri ilerledikçe input kontrolleri de sürümlere bağlı olarak artmıştır. Tüm input kontrollerden değil sadece önemli olanlardan bahsedeceğim. Hadi başlayalım :D TEXT Metin girdilerini almak için kullanılır. Örneğin Facebook kullanırken email ve şifrenin girildiği alan text alanıdır. Tanımlanması ise aşağıdaki gibidir; <!DOCTYPE html> <html> <head> <title></title> <meta charset="utf-8" /> </head> <body> <div> <span>İsim Giriniz:</span> <span> <input type="text" /> </span> </body> </html> BUTTON Tıklanabilir düğmedir. Daha çok olayların tetiklenmesi için kullanılır. Herhangi ...

CONTINUE READING

HTML Div ve Span Kullanımı

31 Mayıs 2017

Öncelikle merhaba, Html derslerimiz Div ve Span kullanımı ile devam ediyor :) Öncelikle div nedir? Bunu cevaplandıralım. Div, division kelimesinin kısaltmasıdır. Birbirinden bağımsız olarak çok daha görsel ve kontrol edilmesi kolay alanların oluşturulmasını sağlar. Özellikle tablolar ile yapılan tasarımların yorucu bir süreç gerektirmesi ve kontrolünün zor olması sonucu hem performans hem de zaman bakımından div'li ...

CONTINUE READING

HTML Listeler

30 Mayıs 2017

Html, listeleme işlemleri sıralı ve sırasız olmak üzere ikiye ayrılır. Sırasız bir liste maddelerden oluşur. Liste içeriği madde imleri ile işaretlenir. Sırasız listeleme "<ul>" elementi ile başlar. Her madde de "<li>" elementi ile başlar. "u1" elementi, unordered list (işaretli liste) anlamına gelir. Ramazan ayında olduğumuz için örneklemeyi Yemekler üzerinden yapacağım :D <!DOCTYPE html> <html> <head> <title></title> ...

CONTINUE READING

HTML Tablolar

30 Mayıs 2017

Html'de verilerin belirli bir sırada satır ve sütunlara ayrılmasını sağlamak için tabloları kullanılırız. Bir tablo; tablo adı, tablo satırları ve satırların içinde yer alan hücrelerden oluşur. Bunlara ilave olarak tablo kenarlarının kalınlığı ve hücresel açıklıkta ayarlanabilir. Böylece konumlar yatay alanda ortaya, sağa,sola hizalanmış olarak ayarlanabilir. Dikey eksende ise ortada, üstte veya aşağıda olabilir. Tablo içerisindeki ...

CONTINUE READING

HTML Link İşlemleri

29 Mayıs 2017

Html link verme işlemi "<a>" etiketi ile yapılıyor. Böylece bir adres belirterek başka sitelere,sayfalara ve resimleri link verebiliriz. Bu etiket ile müzik dosyaları veya zip/rar arşivine de link verebiliriz. Link vermek için "a" elementinin bazı niteliklerinden yararlanırız. href="URL": Tarayıcının yorumlayıp gideceği adres. target="HEDEF": Sayfanın açılış şeklini belirtir. Target niteliği de kendi içinde birkaç komut alır. target="_blank": bağlantıyı yeni bir ...

CONTINUE READING

HTML Resim İşlemleri

29 Mayıs 2017

Resim işlemleri ile HTML konularımıza devam ediyoruz. Html belgelerimize resim eklemek için "<img>" etiketinden yararlanacağız. Bu etiket içinde resim gösterebilmemiz için "src" özelliğinden (attribute) yararlanılır. Bunun yanı sıra "alt" ve "title" özellikleri de isteğe bağlı olarak eklenebilir. "title" özelliği ile resmin üzerine gelindiğinde bu özelliğe tanımlana metin gösterilir. "alt" özelliğinde ise kullanıcıların kullandığı tarayıcıdan veya ...

CONTINUE READING