**HTML Yazı Şekillendirme Kodları**
=====================================

HTML, web sayfalarının temelini oluşturan bir??leme dilidir. Web sayfalarında metinlerin görünümünü değiştirmek için kullanılan birçok kodu içerir. Bu makalede, HTML yazı şekillendirme kodlarını ayrıntılı olarak inceleyeceğiz.

**Metin Stilleri**
-----------------

HTML'de metin stilleri, metinlerin görünümünü değiştirmek için kullanılan kodlardır. Bu stiller, metinlerin rengini, boyutunu, kalınlığını ve diğer özelliklerini değiştirmek için kullanılır.

### 1. **Renk (Color)**

Metin rengini değiştirmek için `color` özelliğini kullanabilirsiniz. Örneğin:

```html
<p style="color: red;">Bu metin kırmızı renkte görünecektir.</p>
```

Bu kod, metni kırmızı renkte görüntüler.

### 2. **Boyut (Font-Size)**

Metin boyutunu değiştirmek için `font-size` özelliğini kullanabilirsiniz. Örneğin:

```html
<p style="font-size: 24px;">Bu metin 24 piksel boyutunda görünecektir.</p>
```

Bu kod, metni 24 piksel boyutunda görüntüler.

### 3. **Kalınlık (Font-Weight)**

Metin kalınlığını değiştirmek için `font-weight` özelliğini kullanabilirsiniz. Örneğin:

```html
<p style="font-weight: bold;">Bu metin kalın görünecektir.</p>
```

Bu kod, metni kalın görüntüler.

### 4. **Yazı Tipi (Font-Family)**

Metin yazı tipini değiştirmek için `font-family` özelliğini kullanabilirsiniz. Örneğin:

```html
<p style="font-family: Arial;">Bu metin Arial yazı tipinde görünecektir.</p>
```

Bu kod, metni Arial yazı tipinde görüntüler.

**Metin Hizalama**
-----------------

HTML'de metin hizalaması, metinlerin sayfada nasıl hizalanacağını belirlemek için kullanılan kodlardır. Bu kodlar, metinlerin sola, sağa, ortaya veya her iki yana hizalanmasını sağlar.

### 1. **Sola Hizalama (Text-Align: Left)**

Metinleri sola hizalamak için `text-align: left` özelliğini kullanabilirsiniz. Örneğin:

```html
<p style="text-align: left;">Bu metin sola hizalanmıştır.</p>
```

Bu kod, metni sola hizalar.

### 2. **Sağa Hizalama (Text-Align: Right)**

Metinleri sağa hizalamak için `text-align: right` özelliğini kullanabilirsiniz. Örneğin:

```html
<p style="text-align: right;">Bu metin sağa hizalanmıştır.</p>
```

Bu kod, metni sağa hizalar.

### 3. **Ortaya Hizalama (Text-Align: Center)**

Metinleri ortaya hizalamak için `text-align: center` özelliğini kullanabilirsiniz. Örneğin:

```html
<p style="text-align: center;">Bu metin ortada hizalanmıştır.</p>
```

Bu kod, metni ortada hizalar.

### 4. **Her İki Yana Hizalama (Text-Align: Justify)**

Metinleri her iki yana hizalamak için `text-align: justify` özelliğini kullanabilirsiniz. Örneğin:

```html
<p style="text-align: justify;">Bu metin her iki yana hizalanmıştır.</p>
```

Bu kod, metni her iki yana hizalar.

**Alt ve Üst Çizgiler**
----------------------

HTML'de alt ve üst çizgiler, metinlerin alt veya üst kısmına çizgiler eklemek için kullanılan kodlardır. Bu kodlar, metinlerin görünümünü değiştirmek için kullanılır.

### 1. **Alt Çizgi (Text-Decoration: Underline)**

Metinlere alt çizgi eklemek için `text-decoration: underline` özelliğini kullanabilirsiniz. Örneğin:

```html
<p style="text-decoration: underline;">Bu metin alt çizgili görünecektir.</p>
```

Bu kod, metni alt çizgili görüntüler.

### 2. **Üst Çizgi (Text-Decoration: Overline)**

Metinlere üst çizgi eklemek için `text-decoration: overline` özelliğini kullanabilirsiniz. Örneğin:

```html
<p style="text-decoration: overline;">Bu metin üst çizgili görünecektir.</p>
```

Bu kod, metni üst çizgili görüntüler.

### 3. **Kesme İşareti (Text-Decoration: Line-Through)**

Metinlere kesme işareti eklemek için `text-decoration: line-through` özelliğini kullanabilirsiniz. Örneğin:

```html
<p style="text-decoration: line-through;">Bu metin kesme işaretiyle görünecektir.</p>
```

Bu kod, metni kesme işaretiyle görüntüler.

**HTML Yazı Şekillendirme Örnekleri**
--------------------------------------

Aşağıda, HTML yazı şekillendirme örnekleri verilmiştir:

```html
<p style="color: blue; font-size: 18px; font-weight: bold; text-align: center;">Bu metin mavi renkte, 18 piksel boyutunda, kalın ve ortada hizalanmıştır.</p>

<p style="text-decoration: underline; font-family: Arial;">Bu metin alt çizgili ve Arial yazı tipinde görünecektir.</p>

<p style="text-align: right; font-size: 24px;">Bu metin sağa hizalanmıştır ve 24 piksel boyutundadır.</p>
```

Bu örnekler, HTML yazı şekillendirme kodlarının nasıl kullanıldığını göstermektedir.

**Sonuç**
----------

HTML yazı şekillendirme kodları, web sayfalarında metinlerin görünümünü değiştirmek için kullanılan önemli araçlardır. Bu kodlar, metinlerin rengini, boyutunu, kalınlığını, hizalamasını ve diğer özelliklerini değiştirmek için kullanılır. Bu makalede, HTML yazı şekillendirme kodlarının kullanımı ve örnekleri verilmiştir. Bu kodları kullanarak, web sayfalarınızı daha çekici ve okunabilir hale getirebilirsiniz.