Son Yazılar

HTML Tabloları

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ı

Kılavuz, HTML olarak sınıflandırılmış

Uygulama – Gezegen verilerini yapılandırma

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

HTML Tablolar, HTML, Kılavuz olarak sınıflandırılmış

HTML tabloları: Gelişmiş özellikler ve erişilebilirlik

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

HTML Tablolar, HTML, Kılavuz olarak sınıflandırılmış

HTML tabloları: Temel bilgiler

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

HTML Tablolar, HTML, Kılavuz olarak sınıflandırılmış

Multimedya ve İçerik Gömme

Ş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

Kılavuz, HTML olarak sınıflandırılmış

Bir resmin üzerine görsel haritası ekleme

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

Multimedya ve İçerik Gömme, HTML, Kılavuz olarak sınıflandırılmış

Uygulama – Mozilla açılış sayfası

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ı

Multimedya ve İçerik Gömme, HTML, Kılavuz olarak sınıflandırılmış

Duyarlı görseller

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

Multimedya ve İçerik Gömme, HTML, Kılavuz olarak sınıflandırılmış

Web’e vektör grafikleri ekleme

Vektör grafikleri birçok durumda çok kullanışlıdır — küçük dosya boyutlarına sahiptirler ve yüksek düzeyde ölçeklenebilirler, bu nedenle yakınlaştırıldığında veya büyütüldüğünde pikselleşmezler. Bu yazıda, web sayfamıza nasıl vektör grafikleri ekleyeceğimizi göreceğiz. Not: Bu makale size SVG öğretmeyi amaçlamamaktadır; sadece SVG’nin ne olduğuna bakacağız ve web sayfalarına nasıl ekleneceğini göreceğiz. Vektör grafikleri nedir? Web’de iki tür görüntüyle çalışacaksınız: raster görüntüler ve vektör… Okumaya devam et Web’e vektör grafikleri ekleme

Multimedya ve İçerik Gömme, HTML, Kılavuz olarak sınıflandırılmış

object’ten iframe’e – diğer gömme teknolojileri

Şimdiye kadar, web sayfalarınıza resim, video ve ses de dahil olmak üzere bir şeyler gömmeye alışmış olmalısınız. Bu noktada, çok çeşitli içerik türlerini web sayfalarınıza yerleştirmenize izin veren bazı öğelere bakarak biraz farklı bir adım atmak istiyoruz: <iframe>,  <embed> ve <object> öğeleri. <iframe> diğer web sayfalarını gömmek içindir ve diğer ikisi PDF’leri, SVG’yi ve hatta Flash’ı gömmenize… Okumaya devam et object’ten iframe’e – diğer gömme teknolojileri

Multimedya ve İçerik Gömme, HTML, Kılavuz olarak sınıflandırılmış
koddla
Tema Mundana by WowThemes.net.