“`html
` etiketleri ile başlar. `` etiketi, belgenin HTML olduğunu belirtirken, `` etiketi başlık, karakter seti ve stil bilgileri gibi meta verileri içerir. `` etiketi ise kullanıcıya gösterilecek olan içeriği barındırır.
HTML Etiketleri
HTML’de kullanılan etiketler, içerik türüne göre farklılık gösterir. Metin başlıkları için `
Bu bir örnek paragraftır. HTML ile web sayfası oluşturmayı öğreniyorum.
HTML’in Temel Yapısı
HTML (HyperText Markup Language), web sayfalarının yapılandırılmasında kullanılan bir işaretleme dilidir. HTML, metin içeriğini düzenlemek ve web tarayıcılarında görüntülenmesini sağlamak için çeşitli etiketler kullanır. Her bir etiket, tarayıcıya belirli bir içerik parçasının nasıl gösterileceğini söyler. HTML, web sayfalarının temelini oluşturduğundan, her web geliştiricisinin öğrenmesi gereken ilk dildir.
HTML Etiketleri
HTML etiketleri, açılış ve kapanış etiketleri şeklinde çiftler halinde gelir. Örneğin, bir paragraf oluşturmak için <p>
açılış etiketi ve </p>
kapanış etiketi kullanılır. Bu etiketler arasına yazılan metin, web sayfasında bir paragraf olarak görüntülenir. Her etiketin belirli bir işlevi vardır ve doğru kullanıldığında web sayfasının yapısını düzenler.
Özellikler ve Değerler
HTML etiketleri, içerik hakkında daha fazla bilgi sağlamak için özellikler (attributes) ile birlikte kullanılabilir. Örneğin, bir resim etiketi <img>
ile birlikte src
özelliği kullanılarak resmin kaynağı belirtilir. Bu özellikler, etiketin işlevselliğini artırır ve web sayfasının daha etkileşimli hale gelmesine yardımcı olur. Özellikler, etiketin açılış kısmında yer alır ve değerleri eşittir işareti ile belirtilir.
HTML ve CSS İlişkisi
HTML, bir web sayfasının yapısını oluştururken, CSS (Cascading Style Sheets) sayfanın stilini ve görünümünü belirler. HTML ile içerik oluşturulurken, CSS ile bu içeriğin nasıl görüneceği tanımlanır. Örneğin, bir başlık HTML ile tanımlanırken, CSS ile bu başlığın rengi, boyutu ve yazı tipi gibi özellikleri ayarlanabilir. Bu iki dil, birlikte kullanıldığında güçlü ve estetik açıdan hoş web sayfaları oluşturulmasına olanak tanır.
HTML5’in Önemi
HTML5, HTML’nin en son sürümüdür ve birçok yeni özellik ve etiket içerir. Video ve ses gibi multimedya içeriklerini destekler, ayrıca yerel depolama ve grafik oluşturma gibi gelişmiş işlevler sunar. HTML5, geliştiricilere daha fazla esneklik ve yaratıcı özgürlük tanırken, kullanıcı deneyimini de önemli ölçüde iyileştirir. Bu sürüm, mobil uyumluluk ve erişilebilirlik açısından da önemli yenilikler sunar.
SEO ve HTML
HTML, aynı zamanda arama motoru optimizasyonu (SEO) açısından da kritik bir rol oynar. Doğru etiketler ve yapılar kullanıldığında, arama motorları web sayfasını daha iyi anlayabilir ve sıralamalarda üst sıralarda yer almasına yardımcı olabilir. Başlık etiketleri, meta açıklamaları ve başlık hiyerarşisi gibi unsurlar, SEO çalışmalarında önemli bir yere sahiptir. Bu nedenle, HTML yapısının doğru bir şekilde oluşturulması, web sitelerinin görünürlüğünü artırmak için hayati öneme sahiptir.
HTML’de Formlar
HTML, kullanıcı etkileşimini sağlamak için formlar oluşturma yeteneği sunar. Formlar, kullanıcıdan veri toplamak için kullanılır ve <form>
etiketi ile başlar. İçerisinde metin kutuları, butonlar ve onay kutuları gibi çeşitli etiketler barındırabilir. Formlar, web uygulamaları ve e-ticaret siteleri gibi birçok alanda kritik bir işlevsellik sunar, bu da onları HTML’nin önemli bir parçası haline getirir.
HTML Etiketi | Açıklama |
---|---|
<p> | Paragraf oluşturur. |
<h1> – <h6> | Başlık etiketleri, farklı seviyelerde başlıklar oluşturur. |
<a> | Bağlantı oluşturur. |
<img> | Resim ekler. |
<form> | Kullanıcı verisi toplamak için form oluşturur. |
HTML5 Yenilikleri | Açıklama |
---|---|
Ses ve Video Desteği | Multimedya içeriklerini doğrudan destekler. |
Yerel Depolama | Tarayıcıda veri depolamak için yetenekler sunar. |
Canvas | Grafik ve oyun uygulamaları için alan sağlar. |
Yeni Form Elemanları | Form oluşturmayı kolaylaştıran yeni etiketler ekler. |