نوشتن متن ها به صورت ضخیم

 نوشتن متن ها به صورت ضخیم، مورب، زیر خط دار و خط خورده

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

 

<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>

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

 

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

 

اما این یکی:

 طراحی وب سایت 

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

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

 

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

 

همان طور که دیدید متن بولد و ایتالیک زودتر از متن زیرخط دار به پایان رسید و این به این دلیل است که تگهای پایانی بولد (<B/>)و ایتالیک (<I/>) زود تر نوشته شدند و انتهای متن فقط توسط تگ زیرخط (<U/>) تحت تأثیر قرار دارد.

 

متنها به صورت پیش فرض در سمت چپ صفحه به نمایش در می آیند. اما با استفاده از <CENTER> می توان آنها را در وسط صفحه به نمایش در آورد. این تگ را هم می توان با دیگر تگها ترکیب کرد و نتایج جابی گرفت. به مثال زیر توجه کنید:

 طراحی وب سایت 

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