سه شنبه ، ۲۹ مهر ۱۳۹۳
   احادیث و روایات:  امام صادق (ع):سنگهاى زیربناى اسلام سه چیز است: نماز، زکات و ولایت که هیچ یک از آنها بدون دیگرى درس...   [کلیک]

تبلیغات






اضافه به علاقمنديها ارسال اين مطلب به دوستان آرشيو تمام مطالب
 

آموزش گام به گام HTML : قسمت پنجم




آموزش گام به گام HTML (5)
آموزش گام به گام HTML : قسمت پنجم جدول ها در HTMLجدول ها در HTML توسط برچسب <table> ايجاد می شوند. يک جدول توسط برچسب <tr> به سطرها تقسيم می شود و هر سطر توسط برچسب <td> به خانه های اطلاعاتی تقسيم می شود. يک خانه اطلاعاتی متواند شامل متن، تصوير، فهرست، پاراگراف، فرم، جدول و يا هر چيز ديگری باشد. دو مثال زير طريقه استفاده از برچسبهای گفته شده را نشان می دهد. * مثال زيريک جدول حاشيه دارمی باشد که ضخامت حاشيه توسط مشخصه border=:"1” تعيين شده است.

* در مثال زير يک جدول بدون حاشيه نشان داده شده است.

مشخصه borderاگر شما مشخصه border را تعيين نکنيد جدول شما حاشيه نخواهد داشت. گاهی اوقات جدول بدون حاشيه برای طرحبندی صفحه مفيد است ولی اغلب اوقات می خواهيد که جدولتان حاشيه داشته باشد. برای نمايش جدولی با حاشيه بايد از مشخصه border استفاده کنيد؛ همانند جدول مثال قبل. عنوانها در جدول عناوين ستونها در يک جدول توسط بر چسب <th> مشخص می شوند. به مثال زير توجه کنيد.

توسط برچسب <caption> می توانيد عنوانی برای جدول خود در نظر بگيريد. به مثال زير توجه کنيد.

خانه های خالی در جدول گاهی اوقات ما نياز پيدا می کنيم که بعضی از خانه های جدول خالی باشند. اگر جدول ما دارای حاشيه باشد و در خانه مورد نظر چيزی ننويسيم (<td></td>) در اين صورت جدول ما به صورت زير ديده می شود. برای جلوگيری از بهم خوردن حاشيه بايد حرف نهادی &nbsp; را بکار ببريم يعنی از <td>&nbsp;</td> به جای <td></td> استفاده کنيم در اين صورت جدول به صورت زير خواهد بود. مشخصه colspanبرای درک مفهوم اين مشخصه و کاربرد آن به مثال زير توجه کنيد.

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

مشخصه cellpaddingاز اين مشخصه برای ساختن فضای خالی بيشتر بين محتويات هر خانه و حاشيه آن استفاده می شود. به مثال زير توجه کنيد.

مشخصه cellspacingاز اين مشخصه برای ساختن فضای خالی بيشتر بين خانه ها استفاده می شود. به مثال زير توجه کنيد.

چند مشخصه ديگر در مورد جداول *توسط مشخصه bgcolor می توانيد رنگ زمينه جدول يا خانه های آن را تعيين کنيد.

*مشخصه width عرض جدول يا يک خانه را تعيين می کند و مشخصه height ارتفاع جدول يا يک خانه را تعيين می کند. و مقدار اين دو مشخصه معمولا بر حسب pixel می باشد. *توسط مشخصه background می توانيد تصويری در پس زمينه جدول يا خانه ها قرار دهيد.

*از مشخصه align برای مرتب کردن محتويات خانه های يک جدول در جهت افقی استفاده می شود که مثلا در سمت راست يا وسط ويا سمت چپ خانه قرار بگيرند ويا اينکه اگر محتويات خانه متن است، متن به صورت justify مرتب شود؛ و از مشخصه valign برای مرتب کردن محتويات خانه های يک جدول در جهت عمودی استفاده می شود. <td align="left/center/right/justify">Make-Up</td> <td valign="top/middle/bottom">Make-Up</td> *مشخصه ديگری که در جدولها کاربرد دارد مشخصه frame است که دارای انواع border،box،void،above،below،hsides،vsides،lhs،rhs می باشد. سه مثال زير کاربرد اين مشخصه را نشان می دهد.





نکته يکی از نکات مهم در زيبايی صفحهHTMLشمااستفاده از طرح بندی (layout) مناسب است. يکی از معمولترين راهها در ايجادطرحبندی دلخواه استفاده از جداول می باشد. و برای اينکار معمولا از جداول بدون حاشيه استفادهمی کنند. به عنوان مثال متن اين نکته به شيوه روزنامه ای و توسط يک جدول بی حاشيه ودارای سه ستون ايجاد شده است. ادامه دارد ......* ارسال مقاله توسط عضو محترم سایت با نام کاربری : davidfattahi/خ





این صفحه را در گوگل محبوب کنید 



[ارسال شده از: راسخون]
[مشاهده در: www.rasekhoon.net]
[تعداد بازديد از اين مطلب: 176]

اضافه شدن مطلب/حذف مطلب


تبلیغات


برچسب های کاربران:

صفحات پیشنهادی
آموزش گام به گام HTML : قسمت پنجم
آموزش گام به گام HTML : قسمت پنجم جدول ها در HTMLجدول ها در HTML توسط برچسب ايجاد می شوند. يک جدول توسط برچسب به سطرها تقسيم می شود و هر سطر توسط ...


آموزش گام به گام HTML : قسمت چهارم
آموزش گام به گام HTML : قسمت چهارم تصاوير در HTMLبرچسب و مشخصه srcتصاوير در فايلهای HTML توسط برچسب قرار داده می شوند. اين برچسب، يک برچسب خالی می ...


آموزش گام به گام وی ری برای راینو . (V ray for rhino steb by ...
آموزش گام به گام وی ری برای راینو . ... دانلود فایل های تست برای تمرین آموزش ها ! ... منبمنبع: سایت کافه دیزاین ع: سایت کافه دیزاین پایان قسمت دوم ---------- Post ...


آموزش گام به گام شنا (28)
آموزش گام به گام شنا (28)-شیرجه و استارت شیرجه های مقدماتیقبل از اینكه استارت آموزش داده شود و از شاگرد ... در حقیقت لازم است كه یاد بگیرد به چه روش بایستی با آب برخورد نمای. ... و از كارآموز می خواهیم كه بیشتر قسمت های بدن را به سمت جلو بكشد به حدی كه می خواهد سقوط كند بعد از او می خواهیم كه شیرجه .... محبت و دوستی ( قسمت پنجم ) ...


آموزش گام به گام اینترنت در 24 ساعت
آموزش گام به گام اینترنت در 24 ساعتدر یک نگاه، کتاب آموزش گام به گام اینترنت در ... Explorerفصل چهارم: استفاده از Internet Explorerفصل پنجم: استفاده از موتو. ... معرفی منو ها و فیلتر ها قسمت اول دوستان خدمتتون رسیدم با آموزش حذف صدای خواننده .


آموزش گام به گام بسکتبال (17)
آموزش گام به گام بسکتبال (17)-آموزش گام به گام بسکتبال (17)به طرف حريف ... نام اين کار جاگيري قسمت داخلي است زيرا بازيکن بين حريف و سبد جاي گرفته است. .... آموزش گام به گام بسكتبال (1) گزارش تصویری هفته اول دوره پنجم لیگ برتر .


آموزش گام به گام شنا (7)
آموزش گام به گام شنا (7)-بخش دوم كرال سینهشنای كرال سینه (Front Crawl )كلمه كرال از فعل ... كرال معمولا در دو قسمت كرال سینه و كرال پشت تعلیم داده می شود . كه ابتدا به ...


6 گام به سوی داشتن ابروانی زیبا
6 گام به سوی داشتن ابروانی زیبا-گام اول:همیشه ابروها را به سوی بالا شانه کرده و مرتب کنید تا به ... بسیاری از خانم ها اشتباه کرده و مو های این قسمت از ابروها را بر می دارند ولی این کار باعث می ... گام پنجم: موچین را با زاویه 45 درجه نگه داشته و سپس موهای زیر خط ابروها را بردارید. ... روشهاي آرايش چشم 891 آموزش گذاشتن مژه مصنوعی 335 .


6 گام به سوي داشتن ابرواني زيبا
6 گام به سوي داشتن ابرواني زيبا و فوق العاده گام اول: هميشه ابروها را به سوي بالا شانه كرده و ... اين قسمت از ابروها را بر مي دارند ولي اين كار باعث مي شود كه ابروها اريب شده و شما هميشه به نظر ... نكته گام پنجم: موچين را با زاويه 45 درجه نگه داشته و سپس موهاي زير خط ابروها را برداريد. ... روشهاي آرايش چشم 891 آموزش گذاشتن مژه مصنوعی 335 .


آموزش گام به گام شنا (10)
آموزش گام به گام شنا (10)-تمرینات آموزشی هواگیری كرال سینه1- در مر احل اولین تمرین كافیست كارآموز شناگر در قسمت كم عمق استخر در حالی كه از ناحیه كمر خم شده است ... مرحله پنجم : هماهنگی حركات دست و تنفسدر این مرحله كه شاگرد یا كارآموز شناگر در ...










==================================

-






صفحه اول | تمام مطالب | ارتباط با ما
1390© تمامی حقوق این سایت متعلق به سایت واضح می باشد.
سایت واضح آرشیو وب فارسی می باشد و تمامی مطالب بصورت خودکار از سایت های فارسی دریافت می شوند و سایت واضح هیچگونه مسئولیتی در قبال آنها ندارد
این سایت در ستاد ساماندهی وزارت فرهنگ و ارشاد اسلامی ثبت شده است و پیرو قوانین جمهوری اسلامی ایران می باشد. لطفا در صورت برخورد با مطالب و صفحات خلاف قوانین در سایت آن را به ما اطلاع دهید