نوشتن متن ها به صورت مورب

در اين درس به کار با متنها مي پردازيم. ابتدا با اين تگ شروع مي کنيم:

1-    <B> اين تگ باعث مي شود کلماتي که بين اين تگ و تگ پاياني آن قرار دارند به صورت پر رنگ و بولد (Bold) ديده شوند. به مثال زير توجه کنيد:

 

<b>متني که اينجا قرار بگيرد به صورت بولد نمايش داده مي شود</b>

مثال بالا به صورت زير ديده مي شود:

 

متني که اينجا قرار بگيرد به صورت بولد نمايش داده مي شود

 

بياييد با تگهاي ديگري ادامه دهيم:

 

2-    زيرخط (Underline):

 

<u>اين متن با زير خط مشاهده مي شود</u>

اين هم نتيجه:

 

اين متن با زير خط مشاهده مي شود

 

3-    حروف کج (Italic):

 

<i>اين متن به صورت مورب ديده مي شود</i>

و نتيجه به اين صورت است:

 

اين متن به صورت مورب ديده مي شود

 

4-    حروف خط خورده:

 

<strike>اين متن به صورت خط خورده ديده مي شود</strike>

متن در مرورگر به اين صورت ديده مي شود:

 

اين متن به صورت خط خورده ديده مي شود

 

5-    وسط چين:

 

<center>اين متن در وسط خط نوشته مي شود</center>

نتيجه کد:

 

اين متن در وسط خط نوشته مي شود

 

شما مي توانيد بيشتر از يک فرمان را براي يک متن اجرا کنيد. مثلاً وقتي که مي خواهيد متني به صورت پر رنگ و کج نوشته شود. براي اين کار هر دو تگ ابتدايي را براي متن در ابتداي آن و تگهاي پاياني را در جايي که مي خواهيم پايان پر رنگي و کجي متن باشد قرار مي دهيم.

 

با اين مثال توجه کنيد:

 

<b><i>اين متن به صورت کج و پر رنگ ديده مي شود</i></b>

نتيجه هم به اين صورت ديده مي شود:

 

اين متن به صورت کج و پر رنگ ديده مي شود

 

آيا ترتيب قرار گرفتن تگهاي پاياني مهم است؟ در پاسخ بايد گفت در مثال بالا خير، اما مواردي وجود دارد که ترتيب قرار گرفتن تگها مهم است مثلاً قرار گرفتن تگ پاياني <HTML/> قبل از <BODY/> اشتباه است. شما با تمرين و تجربه مي توانيد اين نکته را فرا بگيريد. شما مي توانيد براي جلو گير از اشتباه HTML را به صورت زير بنويسيد:

<b>

       <i>

            اين متن به صورت پر رنگ و کج ديده مي شود

        </i>

</b>

اما اين روش خسته کننده است. در اينجا مهم نيست تگها به چه صورت باز و بسته شوند. اما نکته مهمي که بايد در نظر داشته باشيد اين است که متنها تحت تأثير تگهايي که قبل از آنها باز شدهاند و بسته نشده اند قرار مي گيرند. تأثير يک تگ تمام مي شود وقتي که تگ بسته شود.

 

مثال زير را در نظر داشته باشيد:

 

<b><i><u>اين متن پر رنگ، کج و داراي زيرخط است</u></i></b>

اين نتيجه را به ما مي دهد:

 

اين متن پر رنگ، کج و داراي زيرخط است

 

اما اين يکي:

 

 

<center><b><i>به اين مثال توجه کنيد</i></b></center>

و اين هم نتيجه آن: