محبوبترینها
نمایش جنگ دینامیت شو در تهران [از بیوگرافی میلاد صالح پور تا خرید بلیط]
9 روش جرم گیری ماشین لباسشویی سامسونگ برای از بین بردن بوی بد
ساندویچ پانل: بهترین گزینه برای ساخت و ساز سریع
خرید بیمه، استعلام و مقایسه انواع بیمه درمان ✅?
پروازهای مشهد به دبی چه زمانی ارزان می‌شوند؟
تجربه غذاهای فرانسوی در قلب پاریس بهترین رستوران‌ها و کافه‌ها
دلایل زنگ زدن فلزات و روش های جلوگیری از آن
خرید بلیط چارتر هواپیمایی ماهان _ ماهان گشت
سیگنال در ترید چیست؟ بررسی انواع سیگنال در ترید
بهترین هدیه تولد برای متولدین زمستان: هدیه‌های کاربردی برای روزهای سرد
در خرید پارچه برزنتی به چه نکاتی باید توجه کنیم؟
صفحه اول
آرشیو مطالب
ورود/عضویت
هواشناسی
قیمت طلا سکه و ارز
قیمت خودرو
مطالب در سایت شما
تبادل لینک
ارتباط با ما
مطالب سایت سرگرمی سبک زندگی سینما و تلویزیون فرهنگ و هنر پزشکی و سلامت اجتماع و خانواده تصویری دین و اندیشه ورزش اقتصادی سیاسی حوادث علم و فناوری سایتهای دانلود گوناگون
مطالب سایت سرگرمی سبک زندگی سینما و تلویزیون فرهنگ و هنر پزشکی و سلامت اجتماع و خانواده تصویری دین و اندیشه ورزش اقتصادی سیاسی حوادث علم و فناوری سایتهای دانلود گوناگون
آمار وبسایت
تعداد کل بازدیدها :
1829234993
آموزش گام به گام HTML : قسمت پنجم
واضح آرشیو وب فارسی:راسخون:
آموزش گام به گام HTML : قسمت پنجم جدول ها در HTMLجدول ها در HTML توسط برچسب <table> ايجاد می شوند. يک جدول توسط برچسب <tr> به سطرها تقسيم می شود و هر سطر توسط برچسب <td> به خانه های اطلاعاتی تقسيم می شود. يک خانه اطلاعاتی متواند شامل متن، تصوير، فهرست، پاراگراف، فرم، جدول و يا هر چيز ديگری باشد. دو مثال زير طريقه استفاده از برچسبهای گفته شده را نشان می دهد. * مثال زيريک جدول حاشيه دارمی باشد که ضخامت حاشيه توسط مشخصه border=:"1” تعيين شده است.
.jpg)
* در مثال زير يک جدول بدون حاشيه نشان داده شده است.
.jpg)
مشخصه borderاگر شما مشخصه border را تعيين نکنيد جدول شما حاشيه نخواهد داشت. گاهی اوقات جدول بدون حاشيه برای طرحبندی صفحه مفيد است ولی اغلب اوقات می خواهيد که جدولتان حاشيه داشته باشد. برای نمايش جدولی با حاشيه بايد از مشخصه border استفاده کنيد؛ همانند جدول مثال قبل. عنوانها در جدول عناوين ستونها در يک جدول توسط بر چسب <th> مشخص می شوند. به مثال زير توجه کنيد.
.jpg)
توسط برچسب <caption> می توانيد عنوانی برای جدول خود در نظر بگيريد. به مثال زير توجه کنيد.
.jpg)
خانه های خالی در جدول گاهی اوقات ما نياز پيدا می کنيم که بعضی از خانه های جدول خالی باشند. اگر جدول ما دارای حاشيه باشد و در خانه مورد نظر چيزی ننويسيم (<td></td>) در اين صورت جدول ما به صورت زير ديده می شود. برای جلوگيری از بهم خوردن حاشيه بايد حرف نهادی را بکار ببريم يعنی از <td> </td> به جای <td></td> استفاده کنيم در اين صورت جدول به صورت زير خواهد بود. مشخصه colspanبرای درک مفهوم اين مشخصه و کاربرد آن به مثال زير توجه کنيد.
.jpg)
مشخصه rowspanبرای درک مفهوم اين مشخصه و کاربرد آن به مثال زير توجه کنيد.
.jpg)
مشخصه cellpaddingاز اين مشخصه برای ساختن فضای خالی بيشتر بين محتويات هر خانه و حاشيه آن استفاده می شود. به مثال زير توجه کنيد.
.jpg)
مشخصه cellspacingاز اين مشخصه برای ساختن فضای خالی بيشتر بين خانه ها استفاده می شود. به مثال زير توجه کنيد.
.jpg)
چند مشخصه ديگر در مورد جداول *توسط مشخصه bgcolor می توانيد رنگ زمينه جدول يا خانه های آن را تعيين کنيد.
.jpg)
*مشخصه width عرض جدول يا يک خانه را تعيين می کند و مشخصه height ارتفاع جدول يا يک خانه را تعيين می کند. و مقدار اين دو مشخصه معمولا بر حسب pixel می باشد. *توسط مشخصه background می توانيد تصويری در پس زمينه جدول يا خانه ها قرار دهيد.
.jpg)
*از مشخصه 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 می باشد. سه مثال زير کاربرد اين مشخصه را نشان می دهد.
.jpg)
.jpg)
.jpg)
نکته يکی از نکات مهم در زيبايی صفحهHTMLشمااستفاده از طرح بندی (layout) مناسب است. يکی از معمولترين راهها در ايجادطرحبندی دلخواه استفاده از جداول می باشد. و برای اينکار معمولا از جداول بدون حاشيه استفادهمی کنند. به عنوان مثال متن اين نکته به شيوه روزنامه ای و توسط يک جدول بی حاشيه ودارای سه ستون ايجاد شده است. ادامه دارد ......* ارسال مقاله توسط عضو محترم سایت با نام کاربری : davidfattahi/خ
این صفحه را در گوگل محبوب کنید
[ارسال شده از: راسخون]
[مشاهده در: www.rasekhoon.net]
[تعداد بازديد از اين مطلب: 797]
-
گوناگون
پربازدیدترینها