طراحي حرفه اي وب سايت : طراحي وب سايت خود را به گروه فناوري اطلاعات ايران بسپاريد

طراحي وب سايت طراحي حرفه اي وب سايت بهينه سازي وب سايت

تگهای مورد استفاده برای نمایش متن به صورتهای مختلف

تعدادی تگ وجود دارد که در هنگام کار با متن ها می توانید از آنها کمک بگیرید. تگهایی که در این قسمت مورد بحث قرار می گیرند اینها هستند: <SUB> , <SUP> , <PRE> , <NOBR , <WBR> , <BLINK>

 

1-    <SUB> و <SUP>

 

این دو تگ بیشتر در زمانی استفاده می شوند که شما می خواهید در صفحه خود معادلات ریاضی را به نمایش در آورید اما ممکن است شما برای چیزهای دیگری هم از آنها استفاده کنید.

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

 

استفاده از تگ <SUB> :

y<SUB>1</SUB>

نتیجه به این صورت دیده می شود.از این تگ می توان برای گذاشتن اندیس برای کلمات استفاده کرد.

y1

 

استفاده از تگ <SUP> :

25<SUP>3</SUP>

از این روش می توانید برای گذاشتن توان برای اعداد استفاده کنید. نتیجه به این صورت خواهد بود:

253

 

2-    <PRE>

 

از این تگ زمانی استفاده می شود که شما بخواهید همان مقدار فضای خالی که در ویرایشگر متن خود در متن HTML دارید در صفحه نهایی خود نیز داشته باشید. مثلاً وقتی که متنی را در مورد برنامه نویسی در صفحه خود می نویسید.

 

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

<PRE>
x=1;
y=2;
if (x==1)
     {
     y=2;
     }
</PRE>

 نتیجه به این صورت ملاحظه می شود:

x=1;
y=2;
if (x==1)
    {
    y=2;
    }

در هنگام استفاده از این تگ شما نیازی به استفاده از <BR> و ;nbsp& ندارید و راحت می توانید متن خود را به همانگونه که می خواهید به نمایش در آید بنویسید.

 

3-    <NOBR> و <WBR>

 

هر متنی که بین <NOBR> و <NOBR/> قرار گیرد تا وقتی که شما به خط بعدی نروید نمی شکند و در یک خط نمایش داده می شود حتی بعد از رسیدن به پایان خط در صفحه.

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

<NOBR>
مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال
، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ،
مثال ، مثال
</NOBR>

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

مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال

احتمالا شما برای دیدن تمام متن باید از نوار لغزنده پایین صفحه استفاده کنید.

شما می توانید از تگ <WBR> در تگ بالا استفاده کنید اگر می خواهید بیش از یک خط متن بلند داشته باشید. به مثال زیر توجه کنید:

<NORB>
 ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ،
مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال<WBR> مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال مثال ،
مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال
<NOBR>

این هم نتیجه:

، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال ، مثال

 

4-    <BLINK>

 

با استفاده از این تگ می توانید متنی را به صورت چشمک زن در آورید. این تگ فقط در مرورگرهایی کارایی دارد که بر پایه Netscape ساخته شده باشند.

Opera و Firefox از جمله مرورگرهایی هستند که می توانند این تگ را نمایش دهند. درMicrosoft Internet Explorer فقط متن ساده را می توان مشاهده کرد.

اگر این تگ به جا استفاده شود می تواند توجه بیننده را به نکته خاصی جلب کند اما اگر به جا استفاده نشود می تواند آزار دهنده باشد.

 برای کارایی بیشتر می توانید آنرا با اندازه فونتی مثل 10+ استفاده کنید.

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

this is <BLINK>VERY VERY</BLINK> important!!!

نتیجه این تگ:

 

this is VERY VERY important!!!


نظرات بازدید کنندگان
Sat, 07 Feb 2009 19:47:03 +0330 نویسنده : پویا
درود بر شما
و سپاس از سایت خوبتان.

یک سوال
تگی که شما در این سایت برای عنوان های صفحات انتخاب کرده اید چیست؟
در کناره ها کم رنگ است و هر چه به وسط می آید پر رنگ تر میشود.

 
Wed, 28 Jan 2009 11:22:34 +0330 نویسنده : حمید
بیسار از کار شما لذت می برم .
این حرکت شما و آموزش زیبایتان برایم الگو ست
 
Wed, 31 Dec 2008 14:48:55 +0330 نویسنده : arezoo
واقعا لطف میکنید از اینکه این مطالب را روی سایتتون گذاشتید فقط خواهش می کنم به این زودی برشون ندارید
 
Tue, 18 Nov 2008 19:01:50 +0330 نویسنده : سمانه
واقعا از لطفتان سپاس گدارم از این که دانشتان را بی دریغ در اختیار دوستانتان ناشناخته تان قرار می دهید ممنون
 
ساعت: 18:14 - تاریخ: 21 دی 1386 نویسنده : ali
very good
thank you
 
ساعت: 18:44 - تاریخ: 15 مهر 1386 نویسنده : SomeBody
دلیل اینکه این صفحه یه مقدار بد نمایش داده میشه استفاده از تگهایی هست که تو این صفحه آموزش داده شده
 
ساعت: 15:01 - تاریخ: 15 مهر 1386 نویسنده : RAD
This page has a little problem