HTML Başlangıç Rehberi: HTML5 Etiketleri
Merhaba! Web geliştirmeye adım atmak ve kendi web sayfalarınızı oluşturmak istiyorsanız doğru yerdesiniz. Bu rehberde, HTML’in temellerini ve HTML5’te kullanılan önemli etiketleri adım adım öğreneceksiniz. Öncelikle, HTML’in ne olduğunu ve neden önemli olduğunu anlayalım. Kısaca, HTML (HyperText Markup Language), web sayfalarının yapısını ve içeriğini tanımlayan bir işaretleme dilidir. Web sayfalarının iskeletini oluşturur ve içeriklerin nasıl görüntülenmesi gerektiğini belirler.
HTML Belgesinin Temel Yapısı
Her HTML belgesi temelde üç bölümden oluşur: <head>, <body> ve <html>. <html> etiketi belgenin tamamını kapsar. <head> bölümü, belgeyle ilgili meta verileri (örneğin başlık, karakter seti, açıklama) içerir. <body> bölümü ise, kullanıcının gördüğü görünür içeriği (metinler, resimler, videolar vb.) barındırır. Bu yapı, web sayfanızın düzenini ve içeriğini organize etmenizi sağlar.
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<title>Başlık</title>
</head>
<body>
<p>Bu bir paragraftır.</p>
</body>
</html>
Önemli HTML5 Etiketleri
Şimdi, sıklıkla kullanılan bazı HTML5 etiketlerini inceleyelim. Bunlar, web sayfalarınızı oluştururken size büyük kolaylık sağlayacak temel yapı taşlarıdır. Örneğin, başlıklar için <h1> – <h6> etiketlerini, paragraflar için <p> etiketini kullanabilirsiniz. Ayrıca, listeler için <ul> (sırasız liste) ve <ol> (sıralı liste) etiketlerini, liste öğeleri için <li> etiketini kullanabilirsiniz. Bunların yanı sıra, resimler için <img>, bağlantılar için <a>, tablolar için <table>, satırlar için <tr>, hücreler için <td> etiketleri de oldukça önemlidir.
<h1>Başlık 1</h1>
<p>Bu bir paragraftır.</p>
<ul>
<li>Liste öğesi 1</li>
<li>Liste öğesi 2</li>
</ul>
<img src="resim.jpg" alt="Resim">
<a href="https://fatihsoysal.com">Fatih Soysal'ın Sitesi</a>
Bu sadece birkaç temel etiket. Daha fazla etiket ve özellik öğrenerek, daha karmaşık ve etkileyici web sayfaları oluşturabilirsiniz. Örneğin, semantik HTML kullanarak web sayfalarınızın yapısını daha iyi tanımlayabilir ve arama motorları için optimize edebilirsiniz. Semantik HTML, sayfanızın içeriğini anlamlı bir şekilde yapılandırmanıza yardımcı olur. Bu sayede, hem kullanıcı deneyimi hem de arama motoru optimizasyonu iyileştirilebilir.
Daha fazla bilgi için W3Schools HTML Referansı sitesini ziyaret edebilirsiniz. Ayrıca, fatihsoysal.com adresinden daha fazla web geliştirme içeriğine ulaşabilirsiniz.
Sonuç
Bu rehberde HTML’in temellerini ve bazı önemli HTML5 etiketlerini öğrendiniz. Başlangıçta biraz zor görünse de, pratik yaparak hızla ilerleyebilirsiniz. Unutmayın, web geliştirme sürekli öğrenme ve geliştirme gerektirir. Bu nedenle, sürekli yeni şeyler öğrenmeye açık olun ve pratik yapmaktan vazgeçmeyin. İşte bu şekilde, kendi web sayfalarınızı oluşturmak ve web dünyasında kendinize bir yer edinmek için iyi bir başlangıç yapmış olacaksınız.
#Etiketler: HTML, HTML5, web geliştirme, başlangıç rehberi, etiketler, kodlama, web sitesi oluşturma, semantik HTML, <html>, <head>, <body>, <h1>, <p>, <ul>, <ol>, <li>, <img>, <a>, <table>, <tr>, <td>