FrontEnd Developer Road Map

FrontEnd Developer RoadMap – HTML 5 Tutorial 20 Metin Biçimlendirme Etiketleri

Merhabalar, bu yazımda pek çok basit etiketi bir arada göreceğiz.

Bunlar metin biçimlendirme etiketleri olarak adlandırılıyor. Esasen web programlamada CSS öğrendikten sonra çok ihtiyaç duymayacağınız kavramlar çoğu ancak varlığından haberdar olmak iyidir. 

W3C Html standartlarını belirleyen kurum görsel biçimlendirmenin kullanılmamasını tavsiye eder. Ben de görsel biçimlendirme etiketlerinden sadece <sup></sup> ve <sub></sub>’u kullanmanızı tavsiye ederim.

Metin biçimlendirme etiketlerini 2 gruba ayırabiliriz.

1 Görsel Biçimlendirme

2 Mantıksal Biçimlendirme

Aralarındaki fark nedir?

Görsel biçimlendirme etiketleri tarayıcıya metnin tam olarak nasıl görüntülenmesi gerektiğini söyler; mantıksal biçimlendirme etiketleri ise tarayıcıya metni nasıl göstermesi konusunda sadece ipucu verir.

Uzun uzun etiketlerin işlerini anlatmaya gerek yok zaten tek bir görevi var etiketin onu da kod içinde belirttim. Çıktılarına bakınca daha net anlaşılacaktır.

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>


    <!-- Görsel Biçimlendirme Etiketleri -->

    
    <b>Kalın metin</b> <br>
    <i>İtalik metin</i> <br>
    <center>Ortalanmış metin</center> <br>
    <big>Büyük metin</b> <br>
    <small>Küçük metin</small> <br>
    <s>Üstü çizili metin</s> <br>
    <strike>Üstü çizili metin</strike> <br>
    <sub>Alt simge</sub> <br>
    <sup>Üst simge</sup> <br>
    <u>Altı çizili metin</u> <br>


    <!-- Mantıksal Biçimlendirme Etiketleri -->

    <address>Yazarın iletişim bilgileri/adresi</address> <br>
    <blockquote>Alıntı (çoğunlukla tarayıcılar metni her iki taraftan girintilendirirler.)</blockquote> <br>
    <cite>Satıriçi alıntı</cite> <br>
    <em>Vurgulu metin</em> <br>
    <strong>Önemli metin</em> <br>
    <dfn>Özel terim</dfn> <br>
    <code>Bilgisayar kodu</code> <br>
    <samp>Örnek çıktı</code> <br>
    <kbd>Klavye girişini gösteren metin</kbd> <br>
    <var>Bir program kodundaki değişkenler</var> <br>
    <del>Silinen metin (çoğunlukla tarayıcılar üzerine çizgi çeker)</del> <br>
    <ins>Yeni eklenen metin (çoğunlukla tarayıcılar altını çizerler)</ins> <br>
    <q>Satıriçi alıntı<q> <br>


</body>

</html>

Bir sonraki yazımda görüşmek üzere.

Murat Bilginer

21 Şubat 1992'de doğdum. Endüstri Mühendisi olarak lisansımı 2016 yılında tamamladım. Industryolog Akademi - NGenius oluşumlarının kurucusuyum. Şu anda kendi şirketim Brainy Tech ile Web ve Mobil Geliştirme, AWS, Google Cloud Platform Sistemleri için DevOps, Big Data Analiz ve Görselleştirme hizmetleri sunmakta ve Online Eğitimler vermekteyiz.

Share
Published by
Murat Bilginer

Recent Posts

Kedimiz Oly & FIP Süreci 9 – 1 Haftalık GS İğnesi Serüveni – Oly İyileşiyor mu?

Selamlar, bu yazımda Oly'nin 1 hafta boyunca olduğu GS iğnesi, yaşanan değişimleri anlatmaya çalışacağım. PCR…

2 gün ago

Kedimiz Oly & FIP Süreci 8 – Yeniden Hayvan Hastanesi – Sonuç Kontrolü ve Sonrası…

Selamlar, bu yazımda Hemogram ve Biyokimya sonuçlarımızı göstermek için İÜCHH'ne tekrar gidişimizi ve sonrasını anlatacağım.…

2 gün ago

Kedimiz Oly & FIP Süreci 7 – GS İğnesine Başlama Kararımız ve Oly’de Dikkat Ettiklerimiz

Selamlar, bu yazımda GS iğnesine başlama kararımızı ve Oly’de bu süreçte nelere dikkat ediyor, neler…

2 gün ago

Kedimiz Oly & FIP Süreci 6 – İstanbul Üniversitesi Cerrahpaşa Hayvan Hastanesi Serüveni ve Sonrası

Selamlar, bu yazımda İÜCHH'deki tedavi sürecimiz ve sonrasında yaşananlardan bahsetmeye çalışacağım. 20.06.2025 Cuma günü saat…

3 gün ago

Kedimiz Oly & FIP Süreci 5 – Teşhisten Önce Biz… Veterinerimize Güvenebilir Miydik?

Eve Dönüş ve İlk Şüpheler 18 Haziran Perşembe saat 23 sularında İstanbul’daki evimize giriş yaptık.…

4 gün ago

Kedimiz Oly & FIP Süreci 4 – Antalya’ya Yolculuk – Bir Şeyler Ters Gidiyor… & İstanbul’a Geri Dönüş

9 Haziran Pazartesi günü Aydın’daki sürecimiz bitti ve Antalya yolculuğumuz başladı. Saat 11 gibi yola…

4 gün ago