تبلیغات در پورتال

نحوه ایجاد جدول در یک سند html صفات و خواص و

به لطف تطبیق پذیری جداول، تعداد زیادیپارامترهایی که ظاهر آنها را کنترل می کنند، جداول مدت هاست که به یک استاندارد قطعی برای چیدمان صفحات وب تبدیل شده اند. جدولی با حاشیه نامرئی شبیه یک شبکه مدولار است که قرار دادن عناصر یک صفحه وب در بلوک های آن راحت است. با این حال، این به طور کامل نیست رویکرد درست، زیرا هر شی HTML برای اهداف خود تعریف می شود و اگر برای هدف مورد نظر خود و در همه جا مورد استفاده قرار نگیرد، به این معنی است که هیچ جایگزینی وجود ندارد. این مورد برای مدت طولانی بود، تا زمانی که لایه‌ها جایگزین جداول در طرح‌بندی وب‌سایت شدند. این بدان معنا نیست که اکنون لایه‌ها همیشه استفاده می‌شوند، اما این روند قبلاً به وضوح ظاهر شده است - جداول برای قرار دادن داده‌های جدولی استفاده می‌شوند و لایه‌ها برای طرح‌بندی و طراحی استفاده می‌شوند.

ایجاد جدول

یک جدول از ردیف ها و ستون هایی از سلول ها تشکیل شده است که می تواند حاوی متن و عکس باشد. جداول معمولاً برای سازماندهی و ارائه داده ها استفاده می شوند، اما جداول به آن محدود نمی شوند. با استفاده از جداول، چیدمان صفحه آرایی با چیدمان قطعات متن و تصاویر به روش دلخواه راحت است.

برای افزودن جدول به یک صفحه وب، از تگ استفاده کنید

. این عنصر به عنوان محفظه ای برای عناصری که محتویات جدول را تعریف می کنند عمل می کند. هر جدولی شامل ردیف ها و سلول هایی است که به ترتیب با استفاده از تگ ها مشخص می شوند و
. جدول باید حداقل دارای یک سلول باشد (مثال 12.1). به جای برچسب مجاز است از برچسب استفاده کنید . متن در یک سلول با یک برچسب استایل بندی شده است ، توسط مرورگر با فونت پررنگ نمایش داده می شود و در مرکز سلول تراز می شود. در غیر این صورت، تفاوت بین سلول ها از طریق برچسب ها ایجاد می شود و خیر

مثال 12.1. ایجاد جدول

برچسب TABLE

سلول 1 سلول 2
سلول 3 سلول 4


ترتیب سلول ها و شکل ظاهری آنها در شکل نشان داده شده است. 12.1.

جداول نقش بسیار مهمی در ایجاد یک چارچوب نامرئی برای یک صفحه وب دارند. و این به چیدمان یکنواخت و زیبای متن، منوها، تصاویر و ... کمک می کند.
برای درک بهتر آنچه می‌خواهم به شما بگویم، به این مثال صفحه وب Wireframe نگاهی بیندازید:

بنابراین، چگونه یک جدول ساده در HTML بسازیم?
برای ساخت جدول باید از سه تگ استفاده کنید:

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

مورد نیاز است.

جدول از یک ردیف تشکیل شده است

ردیف 1 ردیف 1
ردیف 2 ردیف 2
ردیف 3 ردیف 3
سلول 1 سلول 2
سلول 1 سلول 2
سلول 1 سلول 2

TR – یک ردیف جدول جدید ایجاد می کند. برچسب بسته شدن مورد نیاز است.

T.D. – یک سلول جدید در یک ردیف ایجاد می کند. برچسب بسته شدن مورد نیاز است.

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

جداول در HTML

ردیف 1 سلول 1 ردیف 1 سلول 2
ردیف 2 سلول 1 ردیف 2 سلول 2
ردیف 3 سلول 1 ردیف 3 سلول 2


نتیجه این است:

ردیف 1 سلول 1 ردیف 1 سلول 2
ردیف 2 سلول 1 ردیف 2 سلول 2
ردیف 3 سلول 1 ردیف 3 سلول 2

بگذارید همه چیز را توضیح دهم.
قبل از هر ایجاد یک جدول جدید، یک برچسب باز می شود

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

بستن ردیف با یک برچسب .
یک ردیف دیگر را با یک برچسب باز کنید
بستن ردیف با یک برچسب .
ردیف سوم را با تگ باز کنید و دوباره دو سلول را داخل آن قرار دهید.
بستن ردیف با یک برچسب .
بستن جدول با برچسب
ردیف 1 سلول 1 ردیف 1 سلول 2
.

فکر کنم متوجه شدی؟ اگر کسی فراموش کرد که صفت چیست مرزکه من به همراه تگ استفاده می کنم

، یادآوری می کنم که این ضخامت قاب است. اگر در مرزروی "0" تنظیم می شود، سپس مرزهای جدول نامرئی خواهند بود.

به چند نمونه نگاه کنید جداول ایجاد کردو می توانید ادامه دهید:

جداول در HTML

ردیف 1 سلول 1
ردیف 2 سلول 1


نتیجه:

برای درج یک تصویر در جدول، باید دانش اولیه ای در مورد نحوه درج یک تصویر در جدول داشته باشید فایل HTML. من در این مورد صحبت می کنم. اکنون که اصول اولیه تصاویر در HTML را می‌دانید، می‌توانید یک تصویر را در جدول قرار دهید. این کار را می توان به صورت زیر انجام داد:

در خط بین برچسب ها درج تصویر

جداول در HTML

ردیف 1 سلول 1 ردیف 1 سلول 2


نتیجه:

ردیف 1 سلول 1 ردیف 1 سلول 2

چگونه سلول ها را در جدول ادغام کنیم؟

برای ادغام سلول ها در جدول، باید از ویژگی های زیر استفاده کنید:
کلسپان- تعداد ستون ها را مشخص می کند.
مقدار پیش فرض 1 است.
ROWSPAN- تعداد ردیف ها را تعیین می کند.
مقدار پیش فرض 1 است.


ادغام سلول هادر ردیف بالا با استفاده از ویژگی کلسپن :

جداول در HTML

ردیف 1 سلول 1+2
ردیف 2 سلول 1 ردیف 2 سلول 2


نتیجه:

چگونه اندازه میز را تنظیم کنیم؟

برای تنظیم ارتفاع و عرض جدول، از ویژگی های زیر استفاده کنید:

WIDTH- عرض میز اندازه بر حسب پیکسل یا درصد مشخص می شود.
HEIGHT– ارتفاع میز اندازه بر حسب پیکسل یا درصد مشخص می شود.

جداول در HTML

ردیف 1 سلول 1ردیف 1 سلول 2
ردیف 2 سلول 1 ردیف 2 سلول 2


نتیجه:

تراز کردن محتوا در یک جدول

برای تراز کردن محتوا (متن، تصاویر) در یک جدول، می توانید از ویژگی های زیر استفاده کنید:

تراز کردن- تراز افقی مطالب در جدول.
نسبت دادن تراز کردنمقادیر اختصاص داده شده: سمت چپ (پیش فرض), مرکز،درست است.
چپ -محتویات را به سمت چپ فشار دهید؛
مرکز –نصب در مرکز؛
راست -محتوا را به سمت راست فشار دهید

معتبر- تراز عمودی محتوا در جدول.
نسبت دادن معتبرمقادیر اختصاص داده شده: بالا، پایین، وسط.
بالا – محتویات را به بالا فشار دهید؛
پایین – محتویات را به پایین فشار دهید؛
وسط – محتوا را در وسط قرار دهید

جداول در HTML

ردیف 1 سلول 1 ردیف 1 سلول 2
ردیف 2 سلول 1 ردیف 2 سلول 2


نتیجه:

چگونه پس زمینه میز درست کنیم؟

همچنین می توانید پس زمینه جدول را برای تمام سلول های آن با هم و همچنین برای هر سلول به صورت جداگانه تنظیم کنید. می توانید پس زمینه را با یک رنگ یا با یک عکس تنظیم کنید. دو ویژگی برای پس زمینه وجود دارد:

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

توجه:اگر می‌خواهید رنگ پس‌زمینه یا تصویر پس‌زمینه را برای کل جدول تنظیم کنید، ویژگی‌ها باید در تگ تنظیم شوند

. و اگر فقط به یک سلول خاص، سپس به برچسب

لطفاً توجه داشته باشید که وقتی سلول ها را ادغام می کنید، تعداد عناصر در ردیف تغییر می کند. به عنوان مثال، اگر یک جدول دارای 3 ستون با سلول باشد، و سلول اول و دوم را ادغام کنیم، آنگاه همه چیزهایی که در داخل تگ تعریف می شود این خط 2 عنصر وجود خواهد داشت که اولین آنها دارای ویژگی colspan = "2" است.

مثال جدول HTML با سلول های ادغام شده

کد منبع جدول HTML با سلول های ادغام شده

.

برای درک بهتر، مثال را ببینید:

جداول در HTML

ردیف 1 سلول 1 ردیف 1 سلول 2
ردیف 2 سلول 1 ردیف 2 سلول 2


نتیجه:

توجه:اگر اندازه عکس در هر سلول کوچکتر باشد، آنقدر تکرار می شود تا سلول تا انتها پر شود. اگر تصویر بزرگتر از سلول باشد، پس زمینه تصویر به تناسب سلول برش داده می شود.

و در آخر به شما می گویم دو ویژگی مفید.

اگر به طور ناگهانی می خواهید فاصله بین تمام سلول ها را افزایش دهید، ویژگی های زیر به شما کمک می کند:

cellpadding– فاصله بین کادر هر سلول جدول html و مواد موجود در آن.

جداول در HTML

ردیف 1 سلول 1 ردیف 1 سلول 2
ردیف 2 سلول 1 ردیف 2 سلول 2


نتیجه:

ردیف 1 سلول 1 ردیف 1 سلول 2
ردیف 2 سلول 1 ردیف 2 سلول 2

فاصله سلولی- فاصله بین مرزهای سلول های همسایه.

جداول در HTML

ردیف 1 سلول 1 ردیف 1 سلول 2
ردیف 2 سلول 1 ردیف 2 سلول 2


نتیجه:

ردیف 1 سلول 1 ردیف 1 سلول 2
ردیف 2 سلول 1 ردیف 2 سلول 2

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

L هر جدول در HTMLمجموعه ای از ردیف ها و ستون هایی است که در محل تقاطع آنها سلول ها وجود دارد. ایجاد جداول در HTML بسیار ساده است، فقط باید مدل نهایی را تصور کنید. در HTML، جداول نه تنها برای ارائه داده ها استفاده می شوند، بلکه می توان از آنها برای قرار دادن بلوک های متنی، تصاویر و غیره استفاده کرد. در یک صفحه وب، یعنی با کمک آنها می توانید طرح بندی خود صفحه را ایجاد کنید.

عنصر TABLE، یک جدول ایجاد کنید

برای ایجاد جداول در HTML، عنصر جدولو تمام کدها (محتوای آن)جداول بین تگ ها قرار دارند . ویژگی های این عنصر مقادیر را برای کل جدول تنظیم می کند:

  • پس زمینه- یک تصویر (URL) مشخص شده است که می تواند پس زمینه کل جدول باشد.
  • bgcolor- رنگ پس زمینه جدول، اگر پس زمینه به شکل تصویر مشخص نشده باشد، تنظیم کنید.
  • مرز- ضخامت خطوط جدول، در صورت نیاز به مرزهای قابل مشاهده؛
  • رنگ حاشیه- رنگ خطوط جدول؛
  • پوشش سلولی- فاصله از متن داخل سلول تا مرزهای سلول.
  • فاصله سلولی- فاصله از مرزهای جدول تا مرزهای بیرونی سلول ها (داخل جدول)؛
  • عرض- عرض جدول را تنظیم می کند pxیا % .

ما در حال نوشتن یک کد مثال برای جدولی با پس‌زمینه آبی، ضخامت خط 1 پیکسل سفید، لایه‌بندی داخل و خارج سلول‌های 2 پیکسل، عرض 100 درصد صفحه هستیم:

bgcolor="blue" border="1" bordercolor="white" cellpadding="10"cellpacing="2" width="100%" >

یک خط اضافه کنید

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

bgcolor="blue" border="1" bordercolor="white" cellpadding="10"cellpacing="2" width="100%" >

افزودن سلول ها

سلول ها ستون های عمودی جدول را تشکیل می دهند . سلول ها را به جدول خود اضافه کنید:

bgcolor="blue" border="1" bordercolor="white" cellpadding="10"cellpacing="2" width="100%" >

سلول شماره 1
سلول شماره 2
سلول شماره 3

جدول حاصل را خواهیم دید:

رشته های به هم پیوسته

در برخی موارد، ممکن است لازم باشد که یک ستون را روی چندین ردیف بکشید، برای این کار از ویژگی استفاده می شود طول ردیف، که مقدار آن تعداد ردیف های مورد نیاز برای ادغام را تعیین می کند. بیایید به یک مثال نگاه کنیم:

bgcolor="blue" border="1" bordercolor="white" cellpadding="10"cellpacing="2" width="100%" >

rowspan="2" > ردیف های شماره 1 و شماره 2 ادغام می شوند
سلول شماره 1
سلول شماره 2

سلول شماره 3
سلول شماره 4

خط شماره 3
سلول شماره 5
سلول شماره 6

مرورگر نمایش خواهد داد:

خطوط #1 و #2 ادغام شده اند سلول شماره 1 سلول شماره 2
سلول شماره 3 سلول شماره 4
خط شماره 3 سلول شماره 5 سلول شماره 6

ادغام ستون ها

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

bgcolor="blue" border="1" bordercolor="white" cellpadding="10"cellpacing="2" width="100%" >

colspan="2" >ستون های شماره 1 و شماره 2 ادغام می شوند
ستون شماره 3

سلول شماره 1
سلول شماره 2
سلول شماره 3

سلول شماره 4
سلول شماره 5
سلول شماره 6

مرورگر نمایش خواهد داد:

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

یا مثل این:

سعی کنید کد را خودتان بنویسید!

ابعاد و تراز جدول

ارتفاع و عرض را می‌توان هم برای کل جدول و هم برای ردیف‌ها و ستون‌ها تنظیم کرد عرضو ارتفاع، مقادیر هم به صورت پیکسل و هم درصد مشخص می شوند.

تراز افقی جدول توسط ویژگی مشخص می شود تراز کردن، معانی از قبل برای شما آشنا هستند: چپ، مرکز، راست. و برای تراز کردن متن در سلول های جدول، ویژگی تراز افقی تراز کردنباید برای هر تگ اعمال شود td. استفاده از CSS این کار را بسیار ساده تر می کند. برای تراز عمودی محتویات سلول ها، از ویژگی استفاده کنید valign. همچنین مقادیر خاص خود را دارد - تراز عمودی به مرکز وسط، در بالا بالاو در امتداد پایین پایینخط پایه (خطی که متن خط فعلی روی آن قرار دارد).

پس زمینه میز

تصویر پس‌زمینه یا رنگ را نیز می‌توان برای کل جدول یا برای یک سلول جداگانه تنظیم کرد، این همه بستگی به اهدافی دارد که دنبال می‌کنید. این - برای تصویر - توسط ویژگی تنظیم شده است پس زمینه، که مقدار آن مسیر فایل گرافیکی مورد نیاز را مشخص می کند. برای پس زمینه رنگی - ویژگی bgcolor، در اینجا مقدار نام رنگ است.

در نتیجه

این اساساً تمام چیزی است که برای سطح ورودی نیاز دارید. در پایان بخش ساخت جداول در HTML، اولین آشنایی شما با زبان HTML به پایان می رسد. با استفاده از جداول در HTMLشما می توانید قالب های ساده صفحه وب ایجاد کنید، بنابراین پیشنهاد می کنم اولین قالب کامل خود را همین الان ایجاد کنید. مواد پوشش داده شده برای این کار کاملاً کافی است. پیش به سوی فتح هایپرفضا!


/ مواردی که بدون آن نمی توانید یک وب سایت ایجاد کنید: ∼ ∼

کد منبع جدول HTML ساده



















سلول 1 سلول 2 سلول 3
سلول 4 سلول 5 سلول 6
سلول 7 سلول 8 سلول 9

هدرهای جدول HTML

2 نوع سلول در جداول HTML وجود دارد. تگ یک سلول از نوع عادی را تعریف می کند. اگر یک سلول به عنوان یک هدر عمل کند، با استفاده از .

مثال جدول HTML با هدر th

فولکس واگن AG دایملر AG گروه BMW
آئودی مرسدس بنز BMW
اشکودا مرسدس-ای ام جی مینی
لامبورگینی هوشمند رولزرویس

کد منبع جدول HTML با هدرها
























فولکس واگن AG دایملر AG گروه BMW
آئودی مرسدس بنز BMW
اشکودا مرسدس-ای ام جی مینی
لامبورگینی هوشمند رولزرویس

ادغام سلول ها در جدول HTML

جداول HTML قابلیت ادغام سلول ها به صورت افقی و عمودی را دارند.

به سلول ها را به صورت افقی ادغام کنیداز ویژگی colspan=" استفاده کنید X"، در سلول یا، کجا x

به ادغام سلول ها به صورت عمودیاز ویژگی rowspan=" استفاده کنید X"، در سلول یا، کجا x- تعداد سلول ها برای ادغام

سلول ها را می توان همزمان به صورت افقی و عمودی ادغام کرد. برای انجام این کار، از هر دو ویژگی colspan و rowspan برای سلول مورد نظر استفاده کنید:

متن سلول





























نیسان
مدلتجهیزاتدر دسترس بودن
نیسان قشقاییVISIA+
TEKNA+
نیسان ایکس تریلACENTA+
اتصال-

سرصفحه ها و پاورقی ها در جداول HTML

جداول HTML را می توان به 3 قسمت تقسیم کرد: هدر، بدنه، پاورقی.

این کار با پیچیدن ردیف های قسمت انتخاب شده از جدول با برچسب ها انجام می شود. ناحیه سرصفحه، - ناحیه پاورقی، - قسمت اصلی جدول را مشخص می کند.

به‌طور پیش‌فرض، سرصفحه‌ها و پاورقی‌ها به صورت متفاوتی طراحی نمی‌شوند (این کار را می‌توان از طریق CSS در صورت لزوم انجام داد)، اما می‌تواند توسط مرورگرها استفاده شود. به عنوان مثال، هنگام چاپ یک جدول چند صفحه ای، سرصفحه ها و پاورقی ها ممکن است در هر صفحه چاپ شده تکرار شوند.

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

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

مثال جدول HTML با سرصفحه و پاورقی

کد منبع برای جدول با سرصفحه و پاورقی







































تنظیمات رنو ساندرو استپ وی
مشخصه SUTA 09H 6R SUTA 09HR6R SUTA 15H 5R
در دسترس بودن + + +
قدرت موتور 0.9 (90 اسب بخار) 0.9 (90 اسب بخار) 1.5 (90 اسب بخار)
سوخت بنزین بنزین دیزل
استاندارد سمیت یورو 6 یورو 6 یورو 5

ستون ها و گروه های ستون

یک جدول HTML را می توان به ستون ها و گروه هایی از ستون ها با استفاده از تگ ها و تگ ها تقسیم کرد.

این تقسیم به شما این امکان را می دهد که با استفاده از حداقل تعداد ویژگی های CSS، استایل هایی را برای یک جدول تنظیم کنید و در نتیجه مقدار کد جدول را کاهش دهید (به جای تعریف سبک برای هر سلول از یک ستون، می توانید استایل ها را برای یک یا چند ستون به طور همزمان تنظیم کنید).

برچسب ها و قبل از برچسب ها در داخل تگ قرار می گیرند، AKP6 (EDC)

انتقال

کد منبع جدول HTML و

































ZEN 2E2C AL A ZEN 2E2C J5 A INTENSE 2E3C AL A مشخصه
1.5 (90 اسب بخار) 1.2 (115 اسب بخار) 1.5 (90 اسب بخار) قدرت موتور
دیزل بنزین دیزل سوخت
گیربکس اتوماتیک 6 (EDC) گیربکس اتوماتیک 6 (EDC) گیربکس اتوماتیک 6 (EDC) انتقال

جداول در طرح صفحه سایت

در وب‌سایت‌های مدرن، مهم است که صفحات به درستی هم در رایانه و هم در رایانه نمایش داده شوند دستگاه های تلفن همراه. از جداول برای ایجاد یک قاب سیمی استفاده کنید صفحات HTMLتوصیه نمی شود، زیرا توانایی تطبیق محتوا با صفحه نمایش از بین رفته است اندازه های مختلف(کامپیوتر، گوشی های هوشمند، تبلت).

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

وظیفه

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

راه حل

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

. این عنصر به عنوان محفظه ای برای عناصری که محتویات جدول را تعریف می کنند عمل می کند. هر جدولی شامل ردیف ها و سلول هایی است که به ترتیب با استفاده از تگ ها مشخص می شوند و
. جدول باید حداقل دارای یک سلول باشد (مثال 1). به جای برچسب مجاز است از برچسب استفاده کنید . متن در یک سلول با یک برچسب استایل بندی شده است ، توسط مرورگر با فونت پررنگ نمایش داده می شود و در مرکز سلول تراز می شود. در غیر این صورت، تفاوت بین سلول ها از طریق برچسب ها ایجاد می شود و خیر

مثال 1: ایجاد جدول

HTML5 IE Cr Op Sa Fx

برچسب جدول

سلول 1 سلول 2
سلول 3 سلول 4


ترتیب سلول ها و شکل ظاهری آنها در شکل نشان داده شده است. 1.

برنج. 1. نتیجه ایجاد جدول با چهار خانه

ویژگی تگ مرزی

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

برای کنترل حاشیه های داخل سلول ها از ویژگی padding style استفاده کنید که به انتخابگر td اضافه می شود. فاصله بین سلول‌ها توسط ویژگی فاصله‌گذاری مرزی (مثال 2) که به انتخابگر جدول اضافه شده است، تغییر می‌کند. مرورگر اینترنت اکسپلورر فقط از نسخه 8.0 آن را درک می‌کند.

مثال 2: حاشیه های داخل سلول ها

HTML5 CSS 2.1 IE Cr Op Sa Fx

برچسب جدول

سرفصل 1سرفصل 2
سلول 3سلول 4


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

برنج. 2. فیلدها در سلول های جدول