Bu konuda htmldeki işimize yarayacak kodlar mevcut henüz yeniyseniz incelemeye değer 
Temel Belge Yapısı Etiketleri
- <!DOCTYPE html>
- Ne işe yarar? Bu bir etiket değildir, bir bildirimdir. Tarayıcıya okuduğu belgenin modern bir HTML5 sayfası olduğunu söyler. Her HTML belgesinin en başında, ilk satırda yer almalıdır.
- <html>
- Ne işe yarar? Tüm HTML sayfasının kök (ana) elemanıdır. <!DOCTYPE> bildiriminden sonra gelir ve diğer tüm HTML etiketlerini ( <head> ve <body> dahil) içine alır.
- <head>
- Ne işe yarar? Sayfa hakkında "meta" bilgileri içerir. Bu bölümdeki bilgiler web sayfasında doğrudan görünmez. Tarayıcı sekmesindeki başlık, karakter kodlaması, CSS stil dosyaları, JavaScript dosyaları gibi teknik detaylar burada belirtilir.
- <body>
- Ne işe yarar? Web sayfasının görünen tüm içeriğinin yer aldığı ana bölümdür. Başlıklar, paragraflar, resimler, videolar, tablolar, linkler gibi kullanıcıya gösterilecek her şey bu etiketin içine yazılır.
- <title>
- Ne işe yarar? <head> etiketinin içine yazılır. Tarayıcının sekmesinde veya pencere başlığında görünen sayfa başlığını belirler. Arama motorları için de önemli bir etikettir.
Metin Biçimlendirme Etiketleri
- <h1>, <h2>, <h3>, <h4>, <h5>, <h6>
- Ne işe yarar? Başlık etiketleridir. Sayfa içeriğini hiyerarşik olarak düzenlemek için kullanılırlar. <h1> en önemli ve en büyük başlığı, <h6> ise en az önemli ve en küçük başlığı temsil eder.
- <p>
- Ne işe yarar? "Paragraph" (Paragraf) kelimesinin kısaltmasıdır. Metin paragrafları oluşturmak için kullanılır. Tarayıcı, <p> etiketleri arasına otomatik olarak bir miktar boşluk ekler.
- <a>
- Ne işe yarar? "Anchor" (Çapa) kelimesinin kısaltmasıdır. Bir metni veya resmi tıklanabilir bir bağlantıya (link) dönüştürür. href özelliği ile gidilecek web adresi belirtilir.
- Örnek: <a href="https://www.google.com">Google'a Git</a>
- <strong> ve <b>
- Ne işe yarar? Metni kalın (bold ) yapar. <strong> etiketi, metnin anlamsal olarak önemli olduğunu vurgularken, <b> sadece görsel olarak kalın yapar. Arama motorları için <strong> daha anlamlıdır.
- <em> ve <i>
- Ne işe yarar? Metni eğik (italik) yapar. <em> (emphasis) metnin vurgulanmak istendiğini belirtirken, <i> sadece görsel olarak eğik yapar.
-
- Ne işe yarar? "Break" (Satır Sonu) kelimesinin kısaltmasıdır. Paragraf boşluğu bırakmadan bir alt satıra geçmeyi sağlar. Kapanış etiketi yoktur.
Liste Etiketleri
- <ul>
- Ne işe yarar? "Unordered List" (Sırasız Liste) oluşturur. Genellikle madde imleri () ile gösterilen bir liste başlatır.
- <ol>
- Ne işe yarar? "Ordered List" (Sıralı Liste) oluşturur. Genellikle sayılarla (1, 2, 3...) gösterilen bir liste başlatır.
- <li>
- Ne işe yarar? "List Item" (Liste Öğesi) demektir. Hem <ul> hem de <ol> etiketlerinin içinde her bir liste elemanını belirtmek için kullanılır.
Medya ve İçerik Etiketleri
- <img>
- Ne işe yarar? "Image" (Resim) kelimesinin kısaltmasıdır. Sayfaya bir resim ekler. src özelliği ile resmin dosya yolunu, alt özelliği ile de resim yüklenemezse görünecek alternatif bir metni belirtmek zorunludur. Kapanış etiketi yoktur.
- Örnek: <img src="kedi.jpg" alt="Beyaz bir kedi">
- <div>
- Ne işe yarar? "Division" (Bölüm) kelimesinin kısaltmasıdır. Sayfayı mantıksal bölümlere ayırmak için kullanılan genel bir kapsayıcıdır. Tek başına bir anlamı veya görsel bir etkisi yoktur, ancak CSS ile stil vermek veya JavaScript ile yönetmek için elementleri gruplamak amacıyla çok sık kullanılır.
- <span>
- Ne işe yarar? <div> gibidir ama satır içi (inline) elementler için kullanılır. Genellikle bir cümlenin veya paragrafın içindeki küçük bir metin parçasını gruplayıp ona farklı bir stil (örneğin renk) vermek için kullanılır.
Tablo Etiketleri
- <table>
- Ne işe yarar? Bir tablo oluşturmak için kullanılır. Diğer tablo etiketlerini kapsar.
- <tr>
- Ne işe yarar? "Table Row" (Tablo Satırı) demektir. Tablo içinde bir satır oluşturur.
- <td>
- Ne işe yarar? "Table Data" (Tablo Verisi) demektir. Tablo satırı (<tr>) içinde bir hücre oluşturur ve veriyi içerir.
- <th>
- Ne işe yarar? "Table Header" (Tablo Başlığı) demektir. Genellikle tablonun ilk satırında yer alan başlık hücrelerini oluşturur. Tarayıcılar bu hücredeki metni varsayılan olarak kalın ve ortalanmış gösterir.
ek olarak instagramda küçük bir içerik paylaştım dilerseniz inceleyebilirsiniz:
https://www.instagram.com/p/DRF0DvoDI8l/
