HTML özünde, bir belgedeki metin parçalarına uygulanabilen öğelerden oluşan oldukça basit bir dildir. Belgenin parçalarına farklı anlamlar vermek için kullanırız (Bu bir paragraf mı? Bir liste mi?), ve belgeyi mantıksal bölümler halinde yapılandırırız (Bir başlığı var mı? Üç içerik sütunu var mı?). Bu kılavuzda HTML’yi anlamak için bilmeniz gereken temel kavramları inceleyeceğiz.
HTML’de çok yaygın bir işlem de verileri tabloda göstermektir. Neyseki HTML bu amaç için bir dizi öğeye ve özniteliğe sahiptir. Küçük bir CSS yardımıyla HTML kullanarak okul ders planınız, veya futbol takımınızla ilgili istatistikler gibi birçok bilgiyi görüntüleyebilirsiniz. Bu kılavuzda HTML kullanarak tablo verilerini yapılandırma hakkında bilmeniz gereken şeyleri inceleyeceğiz.
Webde sadece metin olsaydı gerçekten çok sıkıcı olurdu. Web’i daha ilginç içeriklerle nasıl canlandıracağımıza bakalım! Bu kılavuzda, görüntülerin dahil edilebileceği farklı yollar, video, ses ve hatta tüm web sayfalarının nasıl gömüleceği de dahil olmak üzere, web sayfalarınıza multimedya eklemek için HTML’nin nasıl kullanılacağına bakacağız.
Bunun için birden fazla yöntem bulunuyor: 1. HTTP Yenileme Başlığı Her şeyden önce yönlendirme ayarlamak için .htaccess header‘i kullanabiliriz. Bu yöntem PHP’de header() fonksiyonu kullanmanın “statik” eşdeğeridir. Bu çözümün her tarayıcı tarafından desteklenmediğini unutmayın. 2. JavaScript Alternatif bir URL ile : Alternatif bir URL olmadan: jQuery aracılığıyla: 3. Meta Yenileme JavaScript ve yönlendirme başlıkları istenmiyorsa meta yenilemeyi deneyebiliriz. Alternatif… Okumaya devam et HTML sayfasından yönlendirme nasıl yapılır?
Bir HTML formunda enctype=’multipart/form-data’ ne anlama gelir ve ne zaman kullanmalıyız? Bir POST isteği yaptığınızda isteği oluşturan verileri bir şekilde kodlamanız gerekir. HTML formları üç kodlama yöntemi sağlar. application/x-www-form-urlencoded (varsayılan) multipart/form-data text/plain Bir de application/json için çalışmalar yapılıyordu ancak bundan vazgeçildi. (HTML form gönderimi dışındaki araçlar kullanılarak oluşturulan HTTP istekleriyle başka kodlamalar da mümkündür. JSON, web hizmetleriyle… Okumaya devam et Enctype ‘multipart/form-data’ ne anlama geliyor?
HTML’de çok yaygın bir işlem de verileri tabloda göstermektir. Neyseki HTML bu amaç için bir dizi öğeye ve özniteliğe sahiptir. Küçük bir CSS yardımıyla HTML kullanarak okul ders planınız, yerel yüzme havuzunuzdaki zaman çizelgeniz veya futbol takımınızla ilgili istatistikler gibi birçok bilgiyi görüntüleyebilirsiniz. Bu kılavuzda HTML kullanarak tablo verilerini yapılandırma hakkında bilmeniz gereken şeyleri inceleyeceğiz. Önkoşullar Bu kılavuza başlamadan… Okumaya devam et HTML Tabloları
Tablo değerlendirmemizde size güneş sistemimizdeki gezegenler hakkında bazı veriler sağlıyor ve bunları bir HTML tablosunda yapılandırmanızı istiyoruz. Başlangıç noktası Değerlendirmeye başlamak için boş şablon.html, minimal-table.css, ve planets-data.txt dosyalarını yerel bilgisayarınıza kaydedin. Not: Alternatif olarak, aşağıdaki gibi bir site kullanabilirsiniz: JSBin veya Glitch. HTML, CSS ve JavaScript’i bu çevrimiçi düzenleyicilerden birine yapıştırabilirsiniz. Kullandığınız çevrimiçi düzenleyicide ayrı JavaScript/CSS panelleri yoksa,… Okumaya devam et Uygulama – Gezegen verilerini yapılandırma
Bu kılavuzdaki ikinci makalede, HTML tablolarının bazı daha gelişmiş özelliklerine ve ayrıca görme engelli kullanıcılar için tabloların erişilebilirliğine bakıyoruz. <caption> ile tabloya resim yazısı ekleme Tablonuza bir <caption> öğesi yerleştirerek tabloya bir başlık verebilirsiniz. Bu öğeyi <table> etiketinin hemen altına koymalısınız . Yukarıdaki kısa örnekten de anlayabileceğiniz gibi, başlık, tablo içeriğinin bir açıklaması için kullanılır. Bu, sayfayı tararken tablonun kendileri… Okumaya devam et HTML tabloları: Gelişmiş özellikler ve erişilebilirlik
Bu makalede HTML tablolarında satırlar, hücreler ve başlıklar ile birlikte hücrelerin birden çok sütuna ve satıra yayılması gibi temel bilgileri öğreneceğiz. Aynı zamanda tablolarımızı görsel olarak süslemek için kullanacağımız CSS özelliklerine göz atacağız. Tablo nedir? Tablo, satırlar ve sütunlardan oluşan yapılandırılmış bir veri kümesidir (tablo verileri). Örneğin bir kişinin yaşı ile ilişkisini veya haftanın hangi günü… Okumaya devam et HTML tabloları: Temel bilgiler
Şimdiye kadar pek çok metne baktık, ancak webde sadece metin olsaydı gerçekten çok sıkıcı olurdu. Web’i daha ilginç içeriklerle nasıl canlandıracağımıza bakalım! Bu kılavuzda, görüntülerin dahil edilebileceği farklı yollar, video, ses ve hatta tüm web sayfalarının nasıl gömüleceği de dahil olmak üzere, web sayfalarınıza multimedya eklemek için HTML’nin nasıl kullanılacağına bakacağız. Önkoşullar: Bu kılavuza başlamadan önce HTML’ye… Okumaya devam et Multimedya ve İçerik Gömme
Burada bir görsel haritasının nasıl oluşturulacağını ve ilk önce göz önünde bulundurulması gereken bazı olumsuzlukları gözden geçireceğiz. Bu makalede yalnızca istemci tarafı görsel eşlemeleri anlatılmaktadır. Kullanıcının bir fareye ile öğenin üzerine gelmesini gerektiren sunucu tarafı görsel haritalarını kullanmayın. Görsel haritaları ve dezavantajları <a> öğesi içine bir görsel yerleştirdiğinizde görselin tamamı tek bir web sayfasına bağlantı verir. Öte yandan… Okumaya devam et Bir resmin üzerine görsel haritası ekleme
Bu değerlendirmede, kılavuzumuzda incelediğimiz bazı teknikler hakkındaki bilginizi test edeceğiz. Örneğimizde Mozilla’nın açılış sayfasına bazı resimler ve videolar ekleyeceğiz. Başlangıç noktası Bu değerlendirmeye başlamak için github’daki mdn-sayfa-başlangıç dizini içindeki tüm HTML’yi ve resimleri almanız gerekir. index.html içindeki kodu da index.html dosyasına kaydedin. Sonra da pattern.png dosyasını aynı dizine kaydedin (kaydetmek için resme sağ tıklayın). Orijinaller klasöründeki farklı… Okumaya devam et Uygulama – Mozilla açılış sayfası
Bu makalede, çok farklı ekran boyutlarına, çözünürlüklere ve bu tür diğer özelliklere sahip cihazlarda iyi çalışan görüntüler olan duyarlı görüntüler kavramını öğreneceğiz. HTML’nin bunları uygulamaya yardımcı olmak için hangi araçları sağladığına bakacağız. Bu şekilde bir kullanım farklı cihazlarda performansın artmasına yardımcı olur. Duyarlı görüntüler aynı zamanda bir CSS konusu olan duyarlı tasarımın parçasıdır. Neden duyarlı görüntüler? Aşağıdaki senaryoyu inceleyelim. Tipik bir… Okumaya devam et Duyarlı görseller