htmlداراي تعدادعناصري است كه براي فرم دهي متن بكار ميروند .هر كدام از آنها متن را بشكل خاصي ازجمله بزرگ ، كوچگ ، بولد و....تعريف ميكنند.
مثال ـ در مثال زير متن ها به فرمت بولد ، ايتاليك و بالاوپائين نويس نمايش داده ميشود.
<!DOCTYPE html> <html> <body> <p><b>This text is bold</b></p> <p><i>This text is italic</i></p> <p>This is<sub> subscript</sub> and <sup>superscript</sup></p> </body> </html>
عناصرHTML كه در فرمت بندي متن نقش دارند، مطابق زيرهستند .هركدام ازاينها متن را بصورت خاصي براي نمايش تعريف ميكنند.
تگHTML <b> متن را بفرم bold بدون اهميت ديگري تعريف ميكند .
مثال ـ تعريف متن با تگHTML<b>
<!DOCTYPE html> <html> <body> <p>This text is normal.</p> <p><b>This text is bold.</b></p> </body> </html>
تگHTML <strong> متن را بفرم بزرگ وبااهميت تعريف مينمايد . محتوي داخل تگ نوعا بصورت پررنگ نمايش داده ميشود.
مثال ـ تعريف متن بصورت بزرگ وبااهميت
<!DOCTYPE html> <html> <body> <p>This text is normal.</p> <p><strong>This text is important!</strong></p> </body> </html>
باتگHTML <i> ميتوان قسمتي از متن را دريك حالت متفاوت تعريف نمود .اين قسمت نوعا بصورت ايتاليك يا مورب نمايش داده ميشود.
نكته ـ متن داخل تگ فوق، معمولا براي اصطلاح فني، يانكته زبان ديگر،ويا نكته قابل توجه ميباشد.
مثال ـ استفاده از تگ<i>
<!DOCTYPE html> <html> <body> <p>This text is normal.</p> <p><i>This text is italic.</i></p> </body> </html>
تگHTML <em> يك متن تاكيد شده را تعريف مي نمايد .اين متن بصورت مورب ياايتاليك نمايش داده ميشود.
مثال ـ نمونه استفاده از تگ<em>
<!DOCTYPE html> <html> <body> <p>This text is normal.</p> <p><em>This text is emphasized.</em></p> </body> </html>
با تگHTML <small> ميتوان متن كوچكتر پيش بيني شده را تعريف نمود.
مثال ـ متني كوچك تر
<!DOCTYPE html> <html> <body> <p>This is some normal text.</p> <p><small>This is some smaller text.</small></p> </body> </html>
با تگHTML <mark> ميتوان متن ماركدار يا هالايت تعريف نمود .
مثال ـ نمونه متن ماركدار
<!DOCTYPE html> <html> <body> <p>Do not forget to buy <mark>milk</mark> today.</p> </body> </html>
با تگHTML <del> ميتوان متن حذفي تعريف نمود .در نمايش متن روي آن خط كشيده ميشود.
نمونه استفاده ازتگمثال -<del>
<!DOCTYPE html> <html> <body> <p>My favorite color is <del>blue</del> red.</p> </body> </html>
باتگHTML <ins> ميتوان متن درجي تعريف نمود .مرورگر در نمايش متن زيرآن خط ميكشدوآنرا در متن قرار ميدهد.
مثال ـ نمونه متن درجي با تگ<ins>
<!DOCTYPE html> <html> <body> <p>My favorite color is <del>blue</del> <ins>red</ins>.</p> </body> </html>
تگHTML <sub> متن زير نويس را تعريف ميكند .متن مربوطه در خط نرمال يك نيم كراكترپائين تر قرار ميگيريد .اندازه فونت آن هم كوچكتر ميشود .اين روش براي نمايش فرمولهاي شيمي كابردارد .مثلH2O
مثال ـ نمونه استفاده از تگ<sub>
<!DOCTYPE html> <html> <body> <p>This is <sub>subscripted</sub> text.</p> </body> </html>
با تگHTML <sup> ميتوان متن بالانويس را تعريف نمود .اين متن در خط نرمال يك نيم كراكتر بالا ترنوشته ميشود .فونت آنهم كوچكتر ميشود .اين مورد براي توابع رياضي مثل f(x)=x3-2xيا علائم نت زيرنويس مثل WWW[1]
مثال ـ نمونه استفاده از تگ<sup>
<!DOCTYPE html> <html> <body> <p>This is <sup>superscripted</sup> text.</p> </body> </html>