بررسی تگ های قالب بندی

تگ <b>

اين تگ باعث نمايش متن بصورت درشت مي شود . به مثال پائين توجه كنيد .

<b>Windows XP provides tools and programs designed to keep your computer safe </b>

::: نتيجه :::

Windows XP provides tools and programs designed to keep your computer safe

تگ <em>

اين تگ باعث نمايش متن به صورت كج و يا به اصطلاح براي Emphasized Text استفاده مي شود .

<em>Windows XP provides tools and programs designed to keep your computer safe </em>

::: نتيجه :::

Windows XP provides tools and programs designed to keep your computer safe

تگ <strong>
اين تگ نيز مانند تگ <b> مقداري متن را درشت تر نسبت به حال عادي نمايش مي دهد.(البته در بضعي از مراجع گفته شده است كه اين تگ متن را ايتاليك نيز مي كند ! )

<strong>Windows XP provides tools and programs designed to keep your computer safe </strong>

::: نتيجه :::

Windows XP provides tools and programs designed to keep your computer safe

تگ <i>
اين تگ باعث نمايش متن بصورت ايتاليك يا كج مي شود .

<i>Windows XP provides tools and programs designed to keep your computer safe </i>

::: نتيجه :::

Windows XP provides tools and programs designed to keep your computer safe

تگ <Q>
اين تگ باعث نمايش كوتيشن در اول و پائين جمله ما مي شود (نكته مهم در مورد اين تگ پشتيباني نشدن اين تگ از سوي بعضي از مرورگر ها است بطوري كه در حال حاظر ie6 نمي تواند اين تگ را اجرا كند ، در حالي كه ie5 اين خاصيت را دارا مي باشد ).

<Q>Windows XP provides tools and programs designed to keep your computer safe </Q>

::: نتيجه :::

Windows XP provides tools and programs designed to keep your computer safe

تگ <sup>
اين تگ باعث نمايش متن به صورت بالا نگاشت مي شود . مثال خوب در اين مورد استفاده يك عدد بصورت توان است به مثال پائين توجه كنيد .

2³+ 2 ⁴ = 2 ⁷

::: نتيجه :::

2³+ 2 ⁴ = 2 ⁷

تگ <sub>
اين تگ باعث نمايش متن بصورت زيرنويس مي شود . از اين تگ مي توان در فرمول هاي رياضي يا موارد ديگر بهره برد.

H₂O = H ₂+ O

::: نتيجه :::

H₂O = H ₂+ O

تگ <del>
اين تگ باعث نمايش متن بصورت خطي برروي متن مي شود . بطور مثال شما مي خواهيد برنامه روزانه اي را نمايش دهيد ، كه موارد انجام شده آن بصورت خط خورده اند .

<ol>
<li><del>First</del></li>

<li><del>Second</del></li>
<li><del>Third</del></li>
<li>Fourth</li>

</ol>

::: نتيجه :::

تگ <code>
از اين تگ براي نمايش متن بصورت هم عرض استفاده مي شود . مثلا مي خواهيد متن را متمايز با بقيه متن خود كنيد بطوري كه مانند فونت ماشين تحرير نمايش داده شود .

When you create a Web page, organizing the page content into groups of related information is
important.<br />
<code>When you create a Web page, organizing the page content into groups of related information is

important.</code>

::: نتيجه :::

When you create a Web page, organizing the page content into groups of related information is
important.
When you create a Web page, organizing the page content into groups of related information is
important.

تگ <pre>

همانطوري كه مي دانيد مرورگرها با توجه به عملكرد تگ آنها را تفسير مي كنند و فاصله و خطوطي را كه ما در ويرايشگر ايجاد كرده ايم را در نظر نمي گيرند . گاهي اتفاق مي افتد كه مي خواهيم متن را همانطوري كه است يعني از يك ويرايشگر ديگر كپي كرده و آن را همانطوري كه است نمايش دهيم ، اين متن داراي چندين خط و فاصله هاي فراوان است . اگر خواهيم بطور معمولي آنرا نمايش دهيم ، مسلما مرورگر فاصله ها را ناديده گرفته و بصورت پيوسته نمايش مي دهد .
براي اين كار از اين تگ استفاده مي كنيم .

<pre>
    MY Computer
      driving me
   crazy,
        It keeps overheating.
</pre>

::: نتيجه :::

    MY Computer
      driving me
   crazy,
        It keeps overheating.

نكته اي كه در مورد استفاده از اين تگ ها مي توان بدان اشاره كرد آنست كه شما از اين تگ ها غالبا براي يك قسمت خاص از متن خود استفاده مي كنيد (مثلا چند كلمه ) . حال اگر بخواهيد يك پاراگراف را بطور مثال با متن درشت نمايش دهيد بهتر است از شيوه نامه ها استفاده كنيم .
نكته بعدي در مورد اين تگ ها ، كه اين تگ ها باعث نمايش خط خالي قبل و بعد خود نمي شوند مانند تگ p ، پس در نيتجه بايد از تگ <br> بهره گيريم .
نكته آخر ، كه بازهم ذكر مي شود ، تگهاي زيادي براي قالب بندي متن وجود دارد كه البته از نظر كارايي مانند تگ هاي بالا هستند لذا تگ هايي كه بررسي شد ، از مهم ترين اين تگ ها هستند.