Sık Kullanılan Html Etiketleri

HTML-CSS
6 Ekim 2024 Pazar
40
0
bio33

HTML etiketleri, web geliştirme sürecinde hayati bir öneme sahiptir. Özellikle <html>, <body>, <h1>, ve <p> gibi etiketler, web sayfasının temel yapısını oluşturur.

  • <html>: HTML belgesinin başlangıcını ve sonunu belirler.

    • Örnek: <html>...</html>
  • <head>: Sayfanın başlık, meta veriler, stil dosyaları gibi unsurlarını içerir.

    • Örnek: <head>...</head>
  • <title>: Tarayıcı sekmesinde görünen sayfa başlığını tanımlar. <head> etiketleri arasında yer alır.

    • Örnek: <title>Sayfa Başlığı</title>
  • <body>: Sayfanın kullanıcıya görünen ana içeriğini kapsar.

    • Örnek: <body>...</body>
  • <h1> - <h6>: Başlık etiketleri; <h1> en büyük, <h6> en küçük başlıkları tanımlar.

    • Örnek: <h1>En Büyük Başlık</h1>
  • <p>: Paragraf etiketidir, metni paragraf halinde gösterir.

    • Örnek: <p>Bu bir paragraftır.</p>
  • <a>: Bağlantı (link) oluşturmak için kullanılır.

    • Örnek: <a href="http://bio33.net/">Ornek Web Sitesi</a>
  • <img>: Sayfaya resim eklemek için kullanılır. Kapama etiketi yoktur.

    • Örnek: <img src="resim.jpg" alt="Açıklama" />
  • <ul>: Sırasız liste oluşturur (madde işaretli liste).

    • Örnek: <ul><li>Öğe 1</li><li>Öğe 2</li></ul>
  • <ol>: Sıralı liste oluşturur (numaralı liste).

    • Örnek: <ol><li>Birinci</li><li>İkinci</li></ol>
  • <li>: Listedeki her bir öğeyi tanımlar (hem <ul> hem de <ol> içinde kullanılır).

    • Örnek: <li>Liste Öğesi</li>
  • <div>: Blok seviyesinde bir bölüm oluşturur; stil vermek veya sayfanın yapısını oluşturmak için kullanılır.

    • Örnek: <div>Bu bir bloktur</div>
  • <span>: Satır içi (inline) bir eleman yaratır; stil vermek için kullanılır.

    • Örnek: <span>Bu bir satır içi elemandır</span>
  • <strong>: Vurgulanan metni kalın yapar (güçlü vurgu).

    • Örnek: <strong>Kalın metin</strong>
  • <em>: Vurgulanan metni italik yapar (hafif vurgu).

    • Örnek: <em>İtalik metin</em>
  • <table>: Tablo oluşturur.

    • Örnek: <table>...</table>
  • <tr>: Tablo satırı oluşturur (table row).

    • Örnek: <tr>...</tr>
  • <td>: Tablo hücresi oluşturur (table data).

    • Örnek: <td>Veri Hücresi</td>
  • <th>: Tablo başlık hücresini oluşturur.

    • Örnek: <th>Başlık</th>
  • <form>: Kullanıcı girişleri için form oluşturur.

    • Örnek: <form action="submit.php" method="post">...</form>
  • <input>: Kullanıcıdan veri almak için kullanılan form elemanıdır (örneğin metin kutusu, düğme vb.).

    • Örnek: <input type="text" name="kullaniciAdi" />

 

Yazılımlarıma göz atın.

ETİKETLER: "HTML etiketleri" "Sık kullanılan HTML etiketleri" "Temel HTML kodları" "Web tasarımda HTML" "HTML öğrenme" "HTML örnekleri"
Yorumlar