کسب درآمد و فروشگاه اینترنتی جداول HTML تحت عنوان یک طریق برای تهیه Ùˆ تنظیم Ùˆ آراسته کردن داده ها
close
تبلیغات
ثبت لینک و بنر در اینجا
درآمد عالی با فروش فایل
ایجاد اپلیکیشن اندروید
تبلیغات بنری و متنی
loading...
YourAds Here YourAds Here

مرجع مقالات رسمی طراحی سایت

بازدید : 115
پنجشنبه 28 فروردين 1399 زمان : 1:40


جداول HTML تحت عنوان یک طریق برای تهیه و تنظیم و آراسته کردن داده ها در یک برگه اینترنت به کارگیری می شوند. جدولها را میتوان برای ساخت طرح بندی کل ورقه اینترنت بهره مند شد، که اینک زیرا CSS بطور گسترده پشتیبانی می شود و می تواند امور را با کد کمتر انجام دهد ، خیلی سفارش نمی شوند.

طراحی سایت در مشهد

جدولها از تعداد نامحدودی از سطرها تشکیل‌شده اند Ú©Ù‡ هر سطر به به عبارتی تعداد سلول شکسه گردیده اند تا ستونها را ایجاد نمایند. متون، تصاویر Ùˆ تمام عنصرها دیگر HTML Ù…ÛŒ توانند در درون هر سلول قرار گیرند، ولی بطور بی واسطه نمیتوان آن‌ها‌را در ردیفها جای اعطا کرد.

تگ اساسی گشوده و مسدود شدن جدول "table" می باشد. تگهای "tr" هر سطر جدول را آغاز و تمام می نماید و تگهای "td" برای داده های جدول به کارگیری می گردد و سلول ها را آغاز و تمام مینماید.

هنگامیکه ما از این سه برچسب با هم استعمال Ù…ÛŒ کنیم ØŒ اولی جدولمان را خوا‌هیم داشت. ( در همه مثالها به جای() از علامتهای به کارگیری فرمائید)

(table)
(tr)
(td)
این اولی جدول ما است
(/td)
(/tr)
(/table)

این نمونه مشتمل بر جدولی با یک منزل ( یک سطر فقط) میباشد.

پس... هم اکنون چه نکته ای در جدول ها مهم میباشد؟ داده بیش تر! برای گنجاندن داده بیش تر ما در آغاز بایستی سطر و ستونهای بیشتری بیشتر کنیم تا بتوانیم آن اطلاعات را سازماندهی کنیم. همینطور، ما می توانیم از تگهای "th" برای ساخت سلول "تیتر جدول" در جدول به کارگیری کنیم.

(table)
(tr)
(th)Question:(/th)
(th)Answer:(/th)
(/tr)
(tr)
(td)What do you get when you cross a snake and a kangaroo?(/td)
(td)A jump rope!(/td)
(/tr)
(tr)
(td)What did one plate say to the other plate?(/td)
(td)Lunch is on me!(/td)
(/tr)
(/table)

اکنون جدولها بایستی طولانی تر شم شوند، البته حوصله فرمائید این همچنان ادامه داراست!

♦ Rowspan Ùˆ colspan ( مخلوط سطرها Ùˆ مخلوط ستونها )

حال ما به نصیب حیران کننده میرسیم. آیا به خاطر دارید تا قبل از این ذکر کردیم که هر ستون در جدول می بایست به به عبارتی تعداد از سلولها شکسته شود؟ در صورتیکه شما بخواهید که یک ستون ، دو ردیف داشته باشد و سطر بعدی تنها یک سلول داشته باشد؟ از "colspan" میتوان برای مخلوط چندین ردیف و ایجاد این اثر بهره مند شد، "rowspan" می تواند دو سطر، یا این که بخشی از دو سطر را به یک سلول پهناور ،ادغام نماید .

می توانید نمونه ذیل را اجرا نمائید و سود را مشاهده کنید تا برای شما بیش تر قابل فهم و شعور باشد:

(table) (tr)
(th)Column 1(/th)
(th)Column 2(/th)
(th)Column 3(/th)
(/tr) (tr)
(td rowspan="2")Rowspan="2"(/td)
(td)1st Row, 2nd Cell(/td)
(td)1st Row, 3rd Cell(/td)
(/tr) (tr)
(td colspan="2")2nd Row, 2nd & 3rd Cells (Colspan="2")(/td)
(/tr) (/table)

♦ Table manners ( مسلک جدول )

در صورتیکه یکی‌از سلولهای جدول شما خالی میباشد Ùˆ هیچ داده ای برای گنجاندن در آن ندارید ØŒ مرورگر شما ممکن میباشد سبب ساز شود سلول شما خنده دار به لحاظ رسد. شما Ù…ÛŒ توانید با قرار دادن یک فضای HTML در‌این سلول ØŒ این ایراد را برطرف سازید. این گوشه Ùˆ کنار، ";nbsp&" است.

شما Ù…ÛŒ توانید اندازه کناره حریم جدولتان را ارتقاء یا این Ú©Ù‡ کاهش دهید، حتی آنرا نقطه چین نمائید یا این Ú©Ù‡ آن را ناپدید نمائید. صفت "border" درون تگ گشوده جدول تمجید Ù…ÛŒ‌گردد. مقدار صفر، مثلا، ("table border="0) لبه را ناپدید Ù…ÛŒ نماید، در حالیکه مقدار 5 ØŒ ("table border="5) کناره را خیلی کلفت مینماید.

"cellpadding" ( کناره خالی سلول ) Ù…ÛŒ تواند خلأ بیشتری باطن هر سلول ساخت نماید. این هم درون برچسب آغازی جدول تمجید Ù…ÛŒ‌گردد: ("table cellpadding="5).

"cellspacing" فضایی را درون لبه حریم جدول Ùˆ میان هر سلول بیشتر Ù…ÛŒ‌کند، Ùˆ در تگ آغازی گشوده کننده جدول تمجید Ù…ÛŒ گردد: ("table cellspacing="5).

نظرات این مطلب

تعداد صفحات : 12

درباره ما
اطلاعات کاربری
نام کاربری :
رمز عبور :
  • فراموشی رمز عبور؟
  • خبر نامه


    معرفی وبلاگ به یک دوست


    ایمیل شما :

    ایمیل دوست شما :



    چت باکس
    پیوندهای روزانه
    آمار سایت
  • Ú©Ù„ مطالب : 628
  • Ú©Ù„ نظرات : 0
  • افراد آنلاین : 1
  • تعداد اعضا : 0
  • بازدید امروز : 25
  • بازدید کننده امروز : 1
  • باردید دیروز : 19
  • بازدید کننده دیروز : 0
  • Ú¯ÙˆÚ¯Ù„ امروز : 0
  • Ú¯ÙˆÚ¯Ù„ دیروز : 0
  • بازدید هفته : 46
  • بازدید ماه : 408
  • بازدید سال : 5230
  • بازدید Ú©Ù„ÛŒ : 46097
  • کدهای اختصاصی