HTML Öğrenme'ye hoş geldiniz!

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 hakkında bilmeniz gereken her şey.

Listeler

Listeler ve içeriklerinizi gruplandırmanın diğer yolları.

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.