> For the complete documentation index, see [llms.txt](https://uby-rn.gitbook.io/react-native/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://uby-rn.gitbook.io/react-native/ders-1.1/html/html-ogeleri.md).

# HTML Ögeleri

HTML (HyperText Markup Language) bir web sayfasının yapısal bileşenlerini tanımlamak için kullanılan bir işaretleme dilidir. HTML, belirli amaçlara yönelik çeşitli etiketler içerir. İşte HTML'de sıkça kullanılan bazı temel etiketler ve kullanımları:

## 1. Başlık Etiketleri 

Başlık etiketleri, belgenin başlığını tanımlar. `<h1>` en yüksek düzey başlığı temsil ederken `<h6>` en düşük düzey başlığı temsil eder.

```html
<h1>Başlık 1</h1>
<h2>Başlık 2</h2>
<h3>Başlık 3</h3>
<h4>Başlık 4</h4>
<h5>Başlık 5</h5>
<h6>Başlık 6</h6>
```

## 2. Paragraf Etiketi

Paragraf etiketi, metin paragraflarını tanımlar.

```html
<p>Bu bir paragraf örneğidir.</p>
```

## 3. Bağlantı Etiketi

Bağlantı etiketi, bir sayfadan diğerine veya başka bir kaynağa bağlantı sağlar.

```html
<a href="https://www.example.com">Örnek Bağlantı</a>
```

## 4. Resim Etiketi

Resim etiketi, bir resmi sayfaya eklemek için kullanılır.

```html
<img src="image.jpg" alt="Resim açıklaması">
```

## 5. Liste Etiketleri

Liste etiketleri, sıralı veya sırasız liste öğelerini tanımlar.

```html
<ul>
  <li>Madde 1</li>
  <li>Madde 2</li>
  <li>Madde 3</li>
</ul>

<ol>
  <li>Madde 1</li>
  <li>Madde 2</li>
  <li>Madde 3</li>
</ol>
```

## 6. Form Etiketi

Form etiketi, kullanıcı girişi almak veya veri göndermek için kullanılır.

```html
<form action="/submit" method="post">
  <label for="username">Kullanıcı Adı:</label>
  <input type="text" id="username" name="username">
  <input type="submit" value="Gönder">
</form>
```

## 7. Tablo Etiketleri

Tablo etiketleri, tablo verilerini düzenlemek ve göstermek için kullanılır.

```html
<table>
  <tr>
    <th>Ad</th>
    <th>Soyad</th>
  </tr>
  <tr>
    <td>Bedirhan</td>
    <td>Giden</td>
  </tr>
  <tr>
    <td>Erdem</td>
    <td>Kılıçlar</td>
  </tr>
</table>
```

## 8. Başlık Alanı Etiketleri

Başlık alanı etiketleri, belgenin başlık, altbilgi ve gezinme gibi bölümlerini tanımlar.

```html
<header>
    <h1>Ana Başlık</h1>
</header>

<nav>
    <ul>
        <li><a href="/">Ana Sayfa</a></li>
        <li><a href="/hakkimizda">Hakkımızda</a></li>
        <li><a href="/iletisim">İletişim</a></li>
    </ul>
</nav>

<footer>
    <p>Telif Hakkı © 2024 Örnek Şirketi</p>
</footer>
```

## 9. Bölüm Etiketleri

Bölüm etiketleri, belgeyi mantıksal bölümlere ayırmak için kullanılır.

```html
<section>
    <h2>Bölüm Başlığı</h2>
    <p>Bu bölümün içeriği...</p>
</section>

<article>
    <h2>Makale Başlığı</h2>
    <p>Makalenin içeriği...</p>
</article>
```

## 10. Tanımlama ve Betimleme Etiketleri

`<div>` ve `<span>` etiketleri, belgenin belirli kısımlarını gruplamak veya stil uygulamak için kullanılır.

```html
<div class="container">
    <p>Bu bir <span class="highlight">vurgulanmış</span> paragraf.</p>
</div>
```

## 11. Meta Etiketleri

Meta etiketleri, belge ile ilgili meta bilgileri sağlar ve tarayıcılar veya arama motorları için önemli olabilir.

```html
<meta charset="UTF-8">
<meta name="description" content="Web sayfası açıklaması">
<meta name="keywords" content="anahtar kelimeler">
```