HTML, web'in belge katmanıdır ve web sayfalarının anlamlı olması için gerekli yapıyı ve içeriği sağlar. Burada, web'in bu önemli kısmıyla ilgili bilginizi geliştirmenize yardımcı olacak kurslar, makaleler, koleksiyonlar ve diğer yararlı bilgi parçaları gibi HTML içeriklerini bulabilirsiniz.
HTML'de yeni misiniz? Başlamanıza yardımcı olacak kapsamlı bir kurs hazırladık.
HTML'deki belirli konular hakkında daha fazla bilgi edinmek için diğer kurslarımıza göz atın.
Tüm büyük tarayıcı motorlarında yeni kullanıma sunulan en son HTML özellikleri hakkında bilgi edinin.
Daha erişilebilir web uygulamaları oluşturmanıza yardımcı olacak HTML kalıplarını ve kavramlarını öğrenin.
Web uygulamalarınızı hızlandırmak için HTML tabanlı kavramları ve kalıpları öğrenin.
Web uygulamalarınızda HTML ve DOM'da hata ayıklama yapmak için Chrome Geliştirme Araçları'nı nasıl kullanacağınızı öğrenin.
DERS

HTML'de yeniyseniz size yardımcı olabiliriz. HTML Öğrenme kursumuz, HTML'nin işleyişiyle ilgili temel bilgiler (ör. yapısal sorunlar, meta veriler, anlamlar ve becerilerinizi geliştirmenize yardımcı olacak diğer konular) konusunda size yol gösterir.

HTML hakkında daha fazla bilgi edinmek istiyorsanız bu diğer kurslarda, web uygulamalarınızı iyileştirmek için kullanabileceğiniz daha ileri düzey konular hakkında bilgi edinebilirsiniz.

HTML formları, kullanıcılara web uygulamalarınız için giriş sağlama özelliği sunar. Bu kursta, bu uygulamaları etkili bir şekilde kullanmak için bilmeniz gereken her şeyi öğreneceksiniz.
Web'de yaygın olarak kullanılan resimler, img öğesinin kullanılmasından daha fazlasını içerir. Bu kursta, web'de görselleri nasıl kullanacağınız hakkında bilmeniz gereken her şeyi öğreneceksiniz.
Erişilebilirlik, web platformunun tüm bölümlerini kapsasa da erişilebilir web uygulamaları oluşturmanın temel taşı erişilebilir HTML yazmaktır. Bu kursta, erişilebilir işaretlemeler yazmak için bilmeniz gereken her şey öğretilmektedir.

Referans, web platformu özelliklerinin tüm büyük tarayıcı motorlarında güvenli bir şekilde kullanılabileceğini web geliştiricilerine bildirir. Artık Temel düzeyde kullanıma sunulan bazı HTML özelliklerini aşağıda bulabilirsiniz.

Bildirimsel Gölge DOM, 2024'te kullanıma sunulan yeni bir temel özelliktir.
Popover API, 2024'te kullanıma sunulan yeni Baseline oldu.
inert özelliği, 2023'te "Referans Yeni kullanılabilir" olarak değiştirildi.
Iframe'lerin gecikmeli yüklenmesi, temel özellik haline geldi. 2023'te kullanıma sunuldu.

HTML, erişilebilir web uygulamaları oluşturmanın temel bir parçasıdır. Bu bölümde, erişilebilir web uygulamaları oluşturmak için HTML'nin nasıl kullanılacağı hakkında daha fazla bilgi edinmenize yardımcı olacak makaleler ve kaynaklar bulabilirsiniz.

Başlıklar ve yer işaretleri için doğru öğeleri kullanarak yardımcı teknoloji kullanıcılarının gezinme deneyimini önemli ölçüde iyileştirebilirsiniz.
Doğru anlamsal HTML öğelerini kullanarak klavye erişim ihtiyaçlarınızın çoğunu veya tamamını karşılayabilirsiniz. Bu sayede, sekme dizini ile uğraşmak için daha az zaman harcayacak ve daha mutlu kullanıcılara sahip olacaksınız.
Geçici ve kalıcı motor engelli olan birçok kullanıcı, uygulamalarda daha verimli bir şekilde gezinmek için klavye kısayollarından yararlanır. Uygulamanız için iyi bir klavyeyle gezinme stratejisine sahip olmak, herkes için daha iyi bir deneyim oluşturur.
Ekran okuyucunun kullanıcıya sesli kullanıcı arayüzü sunabilmesi için anlamlı öğelerin uygun etiketlere veya metin alternatiflerine sahip olması gerekir. Etiket veya metin alternatifi, bir öğeye erişilebilir adını verir. Erişilebilirlik ağacında öğe anlamlarını ifade etmenin temel özelliklerinden biri erişilebilir addır.

HTML'yi nasıl kullandığınız, web uygulamalarınızın performansını etkileyebilir. Bu bölümde, web uygulamalarınızı hızlandırmak için HTML'yi nasıl kullanacağınız hakkında daha fazla bilgi edinmenize yardımcı olacak makaleler ve kaynaklar bulabilirsiniz.

Tarayıcı ön yükleme tarayıcısı, tarayıcının kaynakları normalden daha erken keşfetmek için kullandığı özel bir HTML ayrıştırıcısıdır. Google Cloud'un web uygulamalarının performansını artırmaya nasıl yardımcı olduğunu ve bunun önüne nasıl geçebileceğinizi öğrenin.
Fetch Priority API, kaynakların tarayıcıya göre göreceli önceliğini belirtmek için fetchpriority HTML özelliğini kullanır. Bu, optimum yüklemeyi etkinleştirebilir ve Core Web Vitals'ı iyileştirebilir.
Kaynak önceden yükleme, tarayıcıya bir kaynağı ihtiyaç duymadan önce getirmesi gerektiğini bildirmek için HTML link öğesini kullanan bir tekniktir. Bu kılavuzu, web uygulamalarınızın performansını artırmak için nasıl kullanabileceğinizi bu kılavuzdan öğrenebilirsiniz.
Resimleri geç yükleme, sayfanın ilk yüklenmesinde bant genişliğini korumak için etkili bir tekniktir. Bu kılavuzda, görüntüleri gecikmeli yüklemek için HTML loading öğesini nasıl kullanacağınızı öğrenebilirsiniz.

Chrome Geliştirici Araçları, geliştiricilerin web uygulamalarında hata ayıklama yapmasına olanak tanıyan bir araç paketidir. Web uygulamalarınızda sayfanızın HTML ve DOM'unda ve diğer ilgili kavramlarda hata ayıklamanıza yardımcı olması için göz atabileceğiniz birkaç önerilen araç aşağıda verilmiştir.

Geliştirici Araçları'nda, web uygulamanızın DOM'sini görüntülemenize, düzenlemenize ve hata ayıklamanıza olanak tanıyan Öğeler paneli bulunur. Öğeler panelini kullanmaya başlamak için bu kılavuzu okuyun.
DevTools'taki Öğeler paneli, JavaScript tarafından tetiklenen DOM değişikliklerini dinlemenize olanak tanır. Web uygulamanızın DOM'undaki değişikliklerde hata ayıklama yapmak için bu kullanışlı özelliği nasıl kullanacağınızı öğrenin.
Kapsam paneli, web uygulamanızın HTML'si tarafından yüklenen kullanılmayan CSS ve JavaScript kodunu bulmak için yararlı bir araçtır. Bu kılavuzda, Google Analytics 4'ün nasıl kullanılacağı ve web uygulamalarınızın performansını nasıl iyileştirilebileceği gösterilmektedir.