Web sayfları hazırlanırken görsel içeriklerin yanı sıra metin içerikleride önem içermektedir. Bu metin içeriklerini oluştururken vurgulanmak istenen yerlerin daha ön plana çıkarılması için metin düzenleme etiketlerine başvurulmalıdır.
Metin düzenleme etiketlerini örnekleriyle inceleyelim;
Başlık (Title) Etiketleri;
HTML'de başlık etiketleri metnin hiyerarşisini belirtmek için kullanılır. <h1></h1> başlık etiketi en büyük başlığı temsil ederken, <h6></h6> en küçük başlığı temsil eder. Burada dikkat edilmesi gereken hususlar; açılan başlık etiketlerinin kapanması gerektiği ve etiket içerisindeki sayı değeri arttıkça başlık boyutunun küçülmesidir.
<h1>H1 Başlığı</h1>
<h2>H2 Başlığı</h2>
<h3>H3 Başlığı</h3>
<h4>H4 Başlığı</h4>
<h5>H5 Başlığı</h5>
<h6>H6 Başlığı</h6>
Paragraf Etiketi;
HTML'de metin parçalarını tanımlamak için <p></p> (paragraf) etiketi kullanılmaktadır. Paragraf etiketi kullanılırken dikkat edilmesi gereken husus ise başlık etkiketlerinde olduğu gibi cümle parçası bittiğinde açılan paragraf etiketinin kapatılmasıdır.
<p>Birinci paragraf alanı.</p>
<p>İkinci paragraf alanı.</p>
Kalın, İtalik(Eğik) ve Altı Çizili Şekillendirme Etiketleri;
HTML'de cümleleri ya da kelimeleri Kalın(bold), Eğik(itailk) ve altı çizili yazmak için sırasıyla <strong></strong>, <em></em>, <u></u> etiketleri kullanılır. Bu etiketlerde başlık ve paragraf etiketi gibi kapatılmalıdır.
Bu cümlenin bu metni <strong>kalın</strong> olacaktır.
Bu cümlenin bu metni <em>eğik</em> olacaktır.
Bu cümlenin bu metni <u>altı çizili</u> olacaktır.
Bu etiketler HTML5 ile SEO odaklı web sayfaları geliştirmek için kullanılmaya başlanmıştır. <strong> etiketi <b>, <em> etiketi <i> şeklinde de kullanılabilmektedir.
Bu cümlenin bu metni <b>kalın</b> olacaktır.
Bu cümlenin bu metni <i>eğik</i> olacaktır.
Liste Oluşturma Etiketleri
HTML'de listeler iki ana kategoride değerlendirilebilir bunlar; Sıralı(ordered) ve Sırasız(unordered) listelerdir. Sıralı(ordered) bir liste oluşturmak için <ol>, <ol>, Sırasız(unordered)<ul>, <ul> etiketi kullanılmaktadır.
İki listeyi oluştururkende içerisine öğe(item) eklemek için ise <li></li> etiketi kullanılmaktadır. Bu etikette eklenilen her öğeden sonra kapatılmalıdır.
Sıralı Liste Oluşturma;
Sıralı(ordered) listeler 1-2-3, A-B-C, a-b-c, I-II-III, i-ii-ii türlerinde sıralanabilir, bunu değiştirmek için <ol type='A'> gibi liste etiketimizin yanına type içerisinde belirtilmelidir.
<ol>
<li>Öğe-1</li>
<li>Öğe-2</li>
<li>Öğe-3</li>
</ol>
Sırasız Liste Oluşturma;
Sırasız(unordered) listeler disc, circle, square, none türlerinde sıralanabilir, bunu değiştirmek için <ul type='circle'> gibi liste etiketimizin yanına type içerisinde belirtilmelidir.
<ul>
<li>Öğe-1</li>
<li>Öğe-2</li>
<li>Öğe-3</li>
</ul>
HTML'de temel metin düzenleme etiketleri.