Web geliştiricileri için hazırlanan bu HTML kursu, acemiden uzmana kadar her seviyedeki geliştiricilere HTML hakkında sağlam bir genel bakış sunar.
HTML'ye hoş geldiniz. Web'in bel kemiği olan HyperText Biçimlendirme Dili (HTML), web tarayıcınızda gördüğünüz içeriğin yanı sıra bu içeriğin yapısını sağlar.
Bu sayfanın PDF veya basılı bir sürümünü okumuyorsanız bu içerik çeşitli HTML öğelerinden ve metinlerden oluşur. HTML, web'in içerik katmanıdır. HTML öğeleri, Belge Nesne Modeli'ni oluşturan düğümlerdir.
Yığın stil sayfaları, sayfanın görünümünü ve tarzını ya da sunum katmanını sağlar. JavaScript, genellikle bir doküman içindeki nesneleri değiştirmek için kullanılan davranış katmanıdır. JavaScript çerçeveleriyle oluşturulan siteler aslında HTML'yi değiştirmektedir. Bu nedenle, HTML'nizi komut dosyalarının kolayca ayrıştırabileceği ve yardımcı teknolojilerin kolayca anlayabileceği şekilde işaretlemeniz önemlidir. Bu, HTML kodunu modern standartlara göre yazmak anlamına gelir.
Genel Bakış
Web geliştiricileri için hazırlanan bu HTML kursu, acemiden uzman düzeyine kadar HTML geliştiricileri için sağlam bir genel bakış sunar. HTML'de yeniyseniz yapısal olarak sağlam içerikler oluşturmayı öğreneceksiniz. Yıllardır web sitesi oluşturuyorsanız bu kurs, farkında olmadığınız bilgi eksikliklerini gidermenize yardımcı olabilir.
Bu yolculukta MachineLearningWorkshop.com'un yapısını oluşturacağız. Bu serinin oluşturulmasında hiçbir makine zarar görmemiştir.
Bu referans tam değildir. Her bölümde, bölüm konusu kısa açıklamalar ve örneklerle tanıtılır. Böylece daha ayrıntılı bilgi edinme fırsatı elde edersiniz. MDN ve WHATWG spesifikasyonları gibi konu referanslarının ve diğer web.dev makalelerinin bağlantıları yer alır. Bu bir erişilebilirlik kursu olmasa da her bölümde, erişilebilirlikle ilgili en iyi uygulamalar ve belirli sorunlar yer alacak. Ayrıca, konuyla ilgili daha ayrıntılı bilgilere ulaşabileceğiniz bağlantılar da sağlanacaktır. Her bölümde, kullanıcıların anladıklarını doğrulamalarına yardımcı olacak kısa bir değerlendirme bulunur.
Öğrenecekleriniz:
HTML'ye genel bakış
HTML'deki temel kavramlara kısa bir giriş.
Belge yapısı
HTML belgelerinizi sağlam bir temele dayalı olarak nasıl yapılandıracağınızı öğrenin.
Meta veriler
Belgeleriniz hakkında bilgi sağlamak için meta etiketleri kullanma.
Semantik HTML
Doküman içeriğinizi açıklamak için doğru HTML öğelerini kullanın.
Başlıklar ve bölümler
İçeriğinizin anlamlı olması için bölümlendirme öğelerini doğru şekilde kullanma.
Özellikler
Belirli HTML öğelerine özgü özelliklerle birlikte farklı genel özellikler hakkında bilgi edinin.
Metinlerle ilgili temel bilgiler
HTML kullanarak metin biçimlendirme
Bağlantılar
Bağlantılar hakkında bilmeniz gereken her şey.
Listeler
Listeler ve içeriklerinizi gruplandırmanın diğer yolları.
Gezinme
Gezinme, her site veya uygulamanın temel unsurlarından biridir ve HTML ile başlar.
Tablolar
Tablo biçimindeki verileri işaretlemek için tabloları nasıl kullanacağınızı anlama
Formlar
HTML'deki formlara genel bakış.
Resimler
HTML'deki resimlere genel bakış.
Ses ve Video
İşitsel ve görsel içerikler gibi HTML medyalarıyla nasıl çalışacağınızı öğrenin.
Şablon, slot ve gölge
Şablon, slot ve gölge hakkında açıklama.
HTML API'leri
HTML bilgilerinin JavaScript kullanılarak nasıl gösterilebileceğini ve değiştirilebileceğini öğrenin.
Odak
HTML dokümanlarınızdaki odak sırasını yönetme.
Satır içi diğer metin öğeleri
Metni işaretlemek için kullanılan öğe aralığına giriş.
Ayrıntılar ve özet
Çok faydalı ayrıntı ve özet öğelerinin işleyiş şeklini ve bunları nerede kullanacağınızı öğrenin.
İletişim
<dialog> öğesi, HTML'de her türlü iletişim kutusunu temsil etmek için kullanışlı bir öğedir. Bu öğenin işleyiş şeklini öğrenin.
Sonuç ve sonraki adımlar
Daha fazla kaynakla bitiriyorum.
Peki HTML'yi öğrenmeye hazır mısınız? Haydi başlayalım.