html

تگ های قالب بندی متن – قسمت سوم (جلسه ششم)

در این جلسه از آموزش به ادامه معرفی تگ های قابل بندی متن می پردازیم.

تگ <strong> :
استفاده از این تگ باعث می شود که متن داخل آن به صورت توپر و بزرگتر نسبت به دیگر کلمات شود.

مثال:

نحوه نوشتن کد:

<p>This is a <strong>sample</ strong > text</p>

نتیجه کد بالا:

This is a sample text

تگ <pre> :
در صورتی که در محیط کدنویسی صفحات وب، بین کلمات از فاصله(space) استفاده کنیم و یا با فشردن دکمه Enter به خط بعدی برویم، هنگامی که صفحه را در مرورگر مشاهده می کنیم این فاصله ها لحاظ نمیشه و حداکثر به اندازه یک کاراکتر فاصله بین کلمات ایجاد می شود. در صورتی که بخواهیم تمام فاصله ها(space)، رفتن به خط بعدی (Enter) و در واقع تمامی تغییراتی که در قسمت کدنویسی انجام می دهیم، دقیقا عین آن در مرورگر قابل مشاهده باشه، از تگ <pre> استفاده می کنیم. این تگ دقیقا تمامی تغییرات در قسمت کد نویسی رو در مرورگر قابل نمایش می کند.

مثال:

نحوه نوشتن کد:

<pre>This is a sample           text</ pre >

نتیجه کد بالا:

This is a sample           text

نکته: جهت ایجاد فاصله در هنگام کدنویسی از &nbsp; و جهت رفتن به خط بعدی از </br> استفاده می کنیم.

تگ <ins> :
این تگ بیشتر برای نشان دادن یک متن جدید وارد شده در صفحه کاربرد دارد. هنگام استفاده از این تگ، یک خط زیر نوشته داخل آن، ایجاد می شود.

نحوه نوشتن کد:

<p> This is a <del>example</del> <ins>sample</ins> text!</p>

نتیجه کد بالا:

This is a example sample text!

تگ <code> :
این تگ عبارات داخل خود را به صورت نوشته های درون محیط های برنامه نویسی(شبیه کد کامپیوتری) به نمایش در می آورد.

مثال:

نحوه نوشتن کد:

<code>This is a sample text</code >

نتیجه کد بالا:

<code>This is a sample text</code >

تا پایان این جلسه، مهمترین تگ های قالب بندی متن خدمت شما معرفی شد، در ادامه به معرفی سایر تگ های HTML می پردازیم.
با ما همراه باشید….

Related Articles

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

Close