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

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

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

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

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>

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

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

اما این یکی:

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

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

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

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

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

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

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

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

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


نظرات بازدید کنندگان
Wed, 10 Jun 2009 16:04:10 +0430 نویسنده : shahin
JUST دمتووون گرم
 
Tue, 02 Jun 2009 15:56:22 +0430 نویسنده : شاهین
از اینکه مطالب را به سادگی و همچنین قابل فهم در اختیار عموم قرار دادید ممنونم.
خدا خیرتان دهد.
 
Thu, 21 May 2009 00:05:47 +0430 نویسنده : علی
برادر محترم سلام
آموزش تان درمورد شکل دادن خط خوب وعالی است از شما تشکر دارم اما من نوشتن شکل رنگین کمانی علاقه دارم لظف نموده نوشتن خط بصورت رنگین کمانرا برایم یاد دهید .
والسلام علی
 
Sun, 12 Apr 2009 12:18:46 +0430 نویسنده : parisa
سلام وخسته نباشيد
سايت شما فوق الهاده است دلم نيمد نظر ندم.
 
Mon, 16 Mar 2009 11:14:37 +0330 نویسنده : سيد حمزه
سلام، با توجه به اينكه من خودم به شخصه عاشق سايت‌هاي آموزشي هستم و بسياري از سايت‌هاي آموزشي را ديده‌ام بايد صادقانه بگويم كه سايت شما بسيار عالي بوده و خيلي ارزشمند مي‌باشد و من به نوبه خودم از زحمات تك تك همكاران شما تشكر ميكنم. به اميد موفقيت روز افزون شما.
 
Thu, 12 Mar 2009 10:46:17 +0330 نویسنده : مهدی
سلام خیلی گل هستین. همتون.بابا ای والله من این همه دوست داشتم این چیزا رو یاد بگیرم حالا که سایت شمارو دیدم دیگه ول کنش که نیستم که.ایشاءالله ا گه خدا خواست اگه میشه  از برنامه نویسی  ++c دیگه نمیدونمphpهر چی که هست اینارو هم کم کم اموزش بدین. خیلی گل هستین.اقا امام زمان نگهدارتون باشه.
 
Sun, 08 Mar 2009 20:10:21 +0330 نویسنده : فرشاد
خدا خیرت بده. واقعا زحمت کشیده ای. نمیدونم چگونه از این همه فداکاری ات  تشکر کنم. فقط به گفته امام علی (ع) :
هر کس به چیزی بیاموزد  مرا بنده خویش کرده است.
 
Tue, 24 Feb 2009 01:20:01 +0330 نویسنده : فرزاد
استاد عزیز ممنون من تو هیچ سایتی ندیدم به این روشنی توضیح بده ....امیدوارم موفق باشی.
 
Mon, 23 Feb 2009 00:41:01 +0330 نویسنده : ramin
فقط می تونم بگم ممنون.واقعا دلم نیومد تشکر نکنم!!!اگه لطف کنی برنامه های دیگه رو هم به همین شیوایی بنویسی کلی خوشحالمون کردی.خیلی گلی!!!
 
Tue, 10 Feb 2009 18:45:37 +0330 نویسنده : mahdigaz
شکراً و مزیدا
توضیحاتت فراگیر بود.
ok
 
Sat, 07 Feb 2009 12:11:00 +0330 نویسنده : azar
جز تشکر و قدردانی نمیشه چیزی گفت و نمیشه با هیچ چیزی این یادگیری هارو جبران کرد جز اینکه یادگیریمون رو مثل شما بی دریغ به بقیه هم انتقال بدیم تا شما هم به هدف والاتون برسید.
اساتید ممنون.
 
Mon, 02 Feb 2009 12:36:11 +0330 نویسنده : رسول
من خیلی از مطالبی که دنبالش بودم اینجا پیدا کردم.  واقعا جای تشکر و قدردانی دارد. سپاس
 
Sat, 31 Jan 2009 08:41:26 +0330 نویسنده : حامد
اق شما با اين كار ثواب معنوي زيادي بردين و خواهين برد
 
Wed, 28 Jan 2009 10:22:11 +0330 نویسنده : حمید
از زحمات پر محبت شما سپاسگذارم.
 
Wed, 14 Jan 2009 16:23:46 +0330 نویسنده : Mohammad
با عرض سلام و تشکر خدمت شما استاد گرامی
ببخشید می تونید بگید که چطور می تونم متن وب سایت یا وبلاگمو راست چین یا چپ چین کنم ؟
در ضمن چطور می تونم در محیط انترنت اکسپلورر یک متن چشمک زن درست کنم؟
باز هم ممنون

 
Tue, 30 Dec 2008 10:07:52 +0330 نویسنده : مريم
با نهايت تشكر و قدرداني
مطالب شما در عين سادگي قابل فهم و درك هستند.
 
Sun, 28 Dec 2008 12:37:35 +0330 نویسنده : فريبا
چيزي ندارم بگم تعجب كردم كه به اين سادگي مطالب را توضيح داديد خيلي ازت ممنونم  
 
Fri, 07 Nov 2008 21:31:49 +0330 نویسنده : majid
ممنون از اینکه به این سادگی مطالب رو بیان میکنید
 
Sat, 11 Oct 2008 19:32:26 +0330 نویسنده : حبیب
آقاجون واقعاً ممنون از اینکه به این نحو زیبا و ساده توضیح می دی ! واقعا دمت گرم . مطمئن باش که با این کارت خدمت خیلی بزرگی به همه ماها کردی !
 
Sun, 28 Sep 2008 10:59:11 +0330 نویسنده : حامد
دمت گرم . خیلی آقایی
 
Tue, 23 Sep 2008 23:30:15 +0330 نویسنده : vahid
very good
 
Sun, 29 Jun 2008 14:11:05 +0430 نویسنده : ali asghar
hello .good after noon
 
Thu, 26 Jun 2008 14:50:54 +0430 نویسنده : ali asghar
خیلی خوشحال شدم که با این سایت بسیار عالی و پر محتوا آشنا شدم.به تمام دوستانم معرفی می کنم . که در سایت های فارسی هم می توان سایت مفید واین چنین عالی ای رو مشاهده نمود . امیدوارم که همواره موفق و سربلند باشی
 
Thu, 26 Jun 2008 02:02:17 +0430 نویسنده : rokhy
سپاس و سپاس
خیلی لطف دارین
سربلند و سلامت و شاد باشین.
 
Thu, 22 May 2008 09:39:33 +0430 نویسنده : farzad
haji daset doroost matlabat kheyli be dardam khord
 
Sun, 04 May 2008 19:16:06 +0430 نویسنده : علی
ممنونم از لطفت و ابنکه دانش خودت رو به دیگران هم آموزش می دی
من یه پرسش داشتم و اون هم این بود که پطور می تونم متن پارسی رو وارد این دستورات کنم؟ من سعی کردم روی نوت پد این کار رو بکنم بمب هنگام ذخیره کردن فایل اشکال می گیره و هنگام اجرا هم به صورت به هم ریخته نشون می ده
باز هم متشکرم
 
Sun, 04 May 2008 11:18:26 +0430 نویسنده : زهرا کریمی
مر سی عزیزم
 
Fri, 25 Apr 2008 11:27:16 +0430 نویسنده : مصطفی رنجبر
ممنونم  بسیار عالی توضیح دادید
 
Sat, 19 Apr 2008 23:33:10 +0330 نویسنده : ابراهیمی
خیلی عالی دستت درد نکند
 
Mon, 14 Apr 2008 16:12:42 +0330 نویسنده : habibe
خیلی خوب و روون توضیح دادید . من خیلی دوست داشتم وبلاگ نویسی رو یاد بگیرم.امیدوارم حالا حلاها این مطالب رو از سایتتون برندارید.
 
Wed, 26 Mar 2008 15:07:26 +0330 نویسنده : محمد مسعود حسین
خیلی عالی بود
تشکر
از دانشگاه کابل
 
Sun, 09 Mar 2008 20:29:32 +0330 نویسنده : مهدی موسوی
خیلی خوب
 
ساعت: 11:38 - تاریخ: 6 بهمن 1386 نویسنده : مهرداد
مرسی عزیز خیلی عالیه من دارم خیلی خوب یاد میگیرم من حتی از یک دستور ساده سر در نمیاوردم ولی الان دارم یاد میگیرم
 
ساعت: 12:38 - تاریخ: 24 دی 1386 نویسنده : saeed
ali bod
 
ساعت: 08:41 - تاریخ: 1386 نویسنده : كورش
خيلي خوب توضيح داده شده بود ممنونم
 
ساعت: 13:25 - تاریخ: 1386 نویسنده : داریوش
بسیار عالی
 
ساعت: 17:56 - تاریخ: 1386 نویسنده : گل
سلام
ممنون
بسیار عالی بود
 
ساعت: 15:08 - تاریخ: 1386 نویسنده : شکوفه
تفاوت عمده تگ <b> و <strong> در چیست؟