İç İçe Element Kullanımı

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; 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.  

Okumaya devam et

Web Site Yönlendirme Kodu

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. Bu kodları ana dizinde yer alan index.html dosyasına yazdığınızda başarıyla yönlendirme gerçekleşecektir. *https://www.ibrahimtatar.com yerine yönlendireceğiniz web site adresini yazmayı unutmayın.

Okumaya devam et

HTML Input Kontroller

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 😀 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; BUTTON Tıklanabilir düğmedir. Daha çok olayların tetiklenmesi için kullanılır. Herhangi bir site de kayıt…

Okumaya devam et

HTML Div ve Span Kullanımı

Ö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…

Okumaya devam et

HTML Listeler

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 😀 Ekran çıktısı aşağıda ki gibi…

Okumaya devam et

HTML Tablolar

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…

Okumaya devam et

HTML Link İşlemleri

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….

Okumaya devam et