HTML Etiketleri ve Anlamları Listesi – HTML Etiketi Örnekleri
HTML , web sayfaları oluşturmak için kullanılan temel bir dildir. Metin, resim, video ve diğer öğeleri web sayfasında düzenlemek için etiketler kullanılır. Her etiketi, bir tarayıcının nasıl yorumlayacağını ve görüntüleyeceğini belirten bir dizi öznitelik ile özelleştirebilirsiniz.
Bu yazıda, en yaygın kullanılan HTML etiketlerinden bazılarını ve anlamlarını inceleyeceğiz.
Ayrıca, her etiket için örnekler de sunacağız.
Temel HTML Etiketleri:
<!DOCTYPE html>: HTML belgesinin türünü belirtir. <html>: HTML belgesinin başlangıcını belirtir. <head>: HTML belgesinin başlık meta verilerini içeren bölümünü belirtir. <title>: Web sayfasının başlığını belirtir. <meta>: Arama motorları ve tarayıcılar için meta veri sağlamak için kullanılır. <body>: HTML belgesinin ana içeriğini içeren bölümünü belirtir. <h1> - <h6>: Başlıkları (h1 en büyük, h6 en küçük) belirtir. <p>: Paragrafları belirtir. <br>: Metni bir alt satıra atlar. <img>: Resimleri eklemek için kullanılır. <a>: Hiperlinkler oluşturmak için kullanılır. <ul>: Sırasız listeler oluşturmak için kullanılır. <ol>: Sıralı listeler oluşturmak için kullanılır. <li>: Liste öğelerini belirtir. <table>: Tablolar oluşturmak için kullanılır. <tr>: Tablo satırlarını belirtir. <th>: Tablo başlık hücrelerini belirtir. <td>: Tablo veri hücrelerini belirtir. <form>: Web formları oluşturmak için kullanılır. <input>: Metin giriş alanları, düğmeler ve diğer form öğeleri oluşturmak için kullanılır. <textarea>: Çok satırlı metin giriş alanları oluşturmak için kullanılır.Bunlar, HTML'de kullanılabilecek en yaygın etiketlerden sadece birkaçıdır.
Daha fazla bilgi için, https://www.w3.org/html/ adresini ziyaret edebilirsiniz.
HTML Etiketi Örnekleri:
HTML <!DOCTYPE html> <html> <head> <title>Örnek Web Sayfası</title> </head> <body> <h1>Bu bir başlık</h1> <p>Bu bir paragraftır.</p> <img src="resim.jpg" alt="Resim Açıklaması"> <a href="https://www.example.com">Örneğe Git</a> <ul> <li>Liste Öğesi 1</li> <li>Liste Öğesi 2</li> </ul> <table> <tr> <th>Başlık 1</th> <th>Başlık 2</th> </tr> <tr> <td>Veri 1</td> <td>Veri 2</td> </tr> </table> </body> </html>Bu örnekte, temel HTML etiketlerinden bazılarını ve nasıl kullanıldıklarını gösterdik.
HTML'i öğrenmek, web geliştirmeye başlamak için harika bir yoldur.