HTML’de yazı ortalama yapabilmek için kullanabileceğiniz farklı yöntemler bulunmaktadır. Makale devamında kullanabileceğiniz yöntemleri görebileceksiniz.
Yazı ortalama yapabilmek için kullanabileceğiniz yöntemler şöyledir;
CSS ile ortalama yapabilmek için alttaki gibi bir kod kullanabilirsiniz.
CSS İle Ortalama
İstediğiniz html elementinin içeriğini ortalamak için style="text-align: center" demeniz yeterlidir.
1 | <p style="text-align: center">Murat Öner</p> |
Demo
<center> Elementi ile Ortalama
Alternatif olarak center elementi ile de istediğiniz elementi ortalayabilirsiniz. Üstteki p etiketinde yer alan style attribute’ünü kaldırdık ve Murat Öner metnini center etiketleri içerisine aldık.
1 2 3 | <p> <center>Murat Öner</center> </p> |
center elementi tüm tarayıcılar tarafından şu an kullanılabilmektedir. Fakat web standartlarından bu element kaldırılmıştır. Bundan dolayı bu alternatif yöntemi kullanmamak kodlamanızın geleceği açısından daha faydalı olacaktır.
Sonuç
Gördüğünüz gibi makale içerisinde html’de metinlerinizi ortalayabilmek için 2 farklı yöntem gösterdim ve umarım ihtiyacınızı karşılar.
📚 Kaynaklar
📚 HTML’de Yazı Ortalama İle Benzer Makaleler
- HTML Translate Attribute Nedir, Neden Kullanılır?
- HTML Kalın Yazı Etiketi Kodu Nedir, Nasıl Yapılır?
- Html a Etiketi Nedir? Link (Bağlantı) Ekleme / Oluşturma
- HTML5 Hidden Attribute Nedir?
- Turuncu HTML/CSS Renk Kodları ve Adları (Color Codes and Names)
- Html Boşluk Bırakma Kodu Nedir, Örnekli Nasıl Kullanılır?
- HTML5 Web Workers
- HTML5 Mark Etiketi İle Metinlerinizi Renkli Olarak İşaretleyebilirsiniz
- HTML form enctype Attribute’ü ile veri iletim türü seçimi
- HTML Elementleri’ne Kaydırma Çubuğunu Kendiniz Tasarlayın
✍ Lütfen “HTML’de Yazı Ortalama” konulu içerik için olumlu-olumsuz tüm görüşlerinizi bana yorum yada mail yolu ile iletmeyi ihmal etmeyin.
🔗 Sosyal medya kanallarından makaleyi paylaşarak destek olursanız çok sevinirim.
👋 Bir sonraki makalede görüşmek dileğiyle.
html th kommmutu ile başlık naıl yazılır
Merhaba Yasin,
Html th komutunun bu makale ile bir alakası yok ama yine de şöyle açıklayayım;
th etiketi, HTML tablolarında başlık hücreleri oluşturmak için kullanılır. Bu etiket ile oluşturulan hücreler, tablonun diğer hücrelerinden (veri içeren hücreler) farklı olarak genellikle kalın ve ortalanmış olarak görüntülenir. Bu sayede tablonun daha düzenli ve anlaşılır olması sağlanır.
Neden Kullanılır?
Görsel Ayrım: Başlıkları diğer hücrelerden ayırt etmek
Erişilebilirlik: Ekran okuyucular için tablonun yapısını daha anlaşılır hale getirmek
SEO: Arama motorlarının tablonun içeriğini daha iyi anlamasını sağlamak
Örnek:
HTML
<table>
<tr>
<th>Ürün Adı</th>
<th>Fiyat</th>
<th>Stok</th>
</tr>
<tr>
<td>Telefon</td>
<td>1000 TL</td>
<td>50</td>
</tr>
</table>
Bu örnekte, “Ürün Adı”, “Fiyat” ve “Stok” başlıkları th etiketi ile oluşturulmuştur.
Özetle: th etiketi, HTML tablolarında başlıkları belirlemek için kullanılan temel bir etikettir.