Bu yazımızda HTML ile metin biçimlendirme konusuna değineceğiz. Öncelikle metin biçimlendirme nedir sorusunu cevaplayalım. Metin biçimlendirme, web sayfamızdaki metinlerin düzenlenmesidir. Bir yazının boyutu, italik olması veya paragraf başı yapması gibi örnekler verebiliriz.

Şimdi sırayla HTML’deki metin biçimlendirme etiketlerini görelim.

HTML Paragraf Başı Yapmak

Metinlerimizi bir düzene sokmak için en başta kullanmamız gereken etiket paragraf etiketidir. Paragraf <p> ile başlayıp </p> ile biter. Bu iki etiket arasında kalan yazılar bir paragraftır. 

<p> Bu bir paragraf </p>

HTML Bir Alt Satıra Geçmek

HTML’de bir alt satıra geçmek için <br> etiketi kullanırız. Bu etiketin bir bitiş etiketi yoktur. Tek başına kullanılır. Hemen örneğimizi görelim.

<p> Evrenselkod.com'a <br>hoşgeldiniz. </p>

Çıktısı :

HTML Yazı Şekilleri

HTML Bold (Kalın) Yazmak

Web sitemizde bazı alanları öne çıkartmak için daha kalın yazılmasını isteyebiliriz. HTML’de kalın yazılmasını istediğimiz alanı <b> ve </b> etiketleri arasına almamız yeterli. 

<b>Bu yazı kalın yazılmıştır.</b>

HTML kalın yazmak için bir diğer kullanım şeklide yazılarımızı <strong> ve </strong> etiketleri arasında almaktır.

<strong>Bu yazı kalın yazılmıştır.</strong>

Çıktısı :

HTML Bold (Kalın) Yazmak

HTML İtalik (Eğik) Yazmak

Eğer yazılarımızı italik yani eğik bir şekilde yazmak istersek, eğik olmasını istediğimizi metni <i> ve </i> etiketleri arasına yazmamız yeterli. 

<i>Bu yazı italik yazılmıştır.</i>

Çıktısı :

HTML İtalik (Eğik) Yazmak

HTML Üstü ve Altı Çizili Yazmak

Bir yazıyı üstü çizili yazmak için <s> ve </s> etiketleri, altı çizili yazmak için <u> ve </u> etiketleri arasına yazmanız yeterlidir.

<s>Bu yazı üstü çizili yazılmıştır.</s> <br>
<u>Bu yazı altı çizili yazılmıştır.</u>

Çıktısı :

Bu yazı dikkatini çekebilir.   CSS ile Duyarlı (Responsive) Tasarım: Farklı Ekran Boyutlarına Uyumlu Web Deneyimi
HTML Üstü ve Altı Çizili Yazmak

Ayrıca üstü çizili şekilde yapmanın bir diğer yöntemi ise <del> elementini kullanmaktır.

<del>Bu yazı üstü çizili yazılmıştır.</del>

HTML <small> Elementi

HTML’de <small> elementi yazıları daha küçük yazmak için kullanılır. 

<small>Bu yazı küçük yazılmıştır.</small>

Çıktısı :

HTML small Elementi

HTML <mark> Elementi

HTML’de <mark> elementi vurgulanması gereken yazılara fosforlu kalemle çizilmiş hale getirir. 

Mark elementi <mark>fosforlu kalem</mark> efekti vermek için kullanılır.

Çıktısı :

HTML <sub> Elementi

HTML’de <sub> elementi metni normalden biraz daha alta ve küçük yazar. Örneğin H2O ;

H<sub>2</sub>O

HTML <sup> Elementi

HTML’de <sup> elementi yazının üstünü çizer. Örneğin 2³

2<sup>3</sup>

Bu yazımızda HTML ile metin biçimlendirme etiketlerini anlattık. Umarım açıklayıcı ve faydalı olmuştur. Diğer HTML derslerimizi de okumak isterseniz, buradan tüm yazılarımıza ulaşabilirsiniz.