آموزش HTML: صفات FRAME و RULES در جدول

آموزش HTML

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

جداول در HTML

عنوان آموزش امروز :

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

تاکنون از دستورات <TABLE> ، <CAPTION> ، <TR> ، <TH> و <TD> برای رسم جدول استفاده شده است این دستورات متداولترین دستورات  هستند در نسخه های جدید HTML از دستورات دیگری نیز می توان استفاده گرد تا کنترل بیشتری بر جدولها اعمال شود. دستورات عبارتند از : <COL> , <COLGROUP> ، <THEAD> ، <TFOOT> ، <TBODY> . بنابراین جدولهایی که تعریف می شوند.  دارای ساختار زیر هستند :

  • دستور <TABLE>
  • کپشن اختیاری که با دستورات <CAPTION/> … <CAPTION> مشخص می شود.
  • یک یا چند گروه از سطر ها اینها ممکن است حاوی بخش راس باشند که توسط <THEAD> مشخص می شود ممکن است حاوی بخش زیر نویس باشند که با <TFOOT> مشخص می شود. شامل بخش بدنه باشند که توسط <tbody> مشخص می شود. گرچه تمام این دستورات اختیاری اند. جدول باید حداقل شامل یک راس یا خانه مربوط به داده ها باشد که به ترتیب توسط <TH> و <TD> مشخص می شوند.
  • چند گروه از ستون ها که توسط <colgroup> مشخص می شود و هر ستون در گروه <GOL> مشخص می شود.

سطر ها یا ستون ها های جداول می توانند گروه بندی شوند. امتیاز این گروه بندی این است که شامل اطلاعات ساختاری درباره جداول است که برای پردازش سریع جدول مفید هستند. به عنوان مثال استفاده از <tead> یا <TFOOT> موجب به کارگیری عنوان و زیرنویس سازگاری می شود که برای جدول هایی که در چندین صفحه ادامه می یابند مفید است. مثالی که در ادامه می آید . این خواص را مورد استفاده قرار می دهد.

صفات FRAME و RULES :

دستور TABLE دارای صفاتی به نام RULE و FRAME‌ است. صفت FRAME مشخص می کند کدام طرف از فریمی که جدول را در بر می گیرد. قابل مشاهده است. مفهوم مقدار BOX این است که فریم دور جدول ، فعال است. سایر تصاویر این صفت عبارتند از : ABOVE که فقط لبه بالایی را مشخص می کند . HSIDE فقط لبه های بالایی و پایینی را مشخص می کند. BOX و BORDER تمام لبه ها را مشخص می کند. BELOW فقط لبه پایینی را مشخص می کند. LHS لبه سمت چپ ، RHS لبه سمت راست و VSIDE لبه های سمت راست و چپ را مشخص می کند . و مقدار VOID تعیین می کند. که هیچ مرزی رسم نمی شود.

معرفی سایت:

https://php.net

https://laravel.com

صفت RULES‌قواعدی را مشخص می کند. که ممکن است در بین سلول های واقعی جدول ظاهر گردد. در مثالی که در ادامه می یابد، مقدار RULES برابر با GROUP شده است . این مقدار ، خطوط بین گروه های سطر یا ستون جدول را نمایش می دهد. مقدار ALL قواعد تقسیم بین سطر ها و ستون ها را مشخص می کند. مقدار COLS قواعد تقسیم را فقط برای ستون ها مشخص کند .

مثال :برنامه ای که خواص جدیدی از جدول را جهت صفحه آرایی به کار می گیرد.

<DOCTYPE HTML PUBLIC “-/W3C//DTD HTML 4.0 TRANSITIONAL//EN!>

<html>

<head>

<title> html 4 table </title>

<head/>

<body>

<“table border=”1″ frame=”box” rules=”groups>

<caption> fun with food.  </caption>

<colgroup>

<col>

<colgroup/>

<colgroup>

<“col align=”center>

<“.”=col align=”char” char>

<colgroup/>

<thead>

<tr>

<th bgcolor=”yellow”> fruit </th>

<th bgcolor=”yellow”> color </th>

<th bgcolor=”yellow”> cost per kilo </th>

<tr/>

<thead/>

<tbody>

<tr>

<td> grapes </td>

<td> purple </td>

<td> 5000rials </td>

<tr/>

<tr>

<td> cherries </td>

<td> red </td>

<td> 5500rials </td>

<tr/>

<tr>

<td> kiwi </td>

<td> brown </td>

<td> 3000rials </td>

<tr/>

<tbody/>

<tfoot>

<tr>

<th colspan=”3″> this has been another fine table example </th>

<tr/>

<tfoot/>

<table/>

<body/>

<html/>

برگرفته از :

کتاب راهنمای جامع (HTML, BHTML, XML)

دکتر عین الله جعفر نژاد قمی

پاسخ به سوال دوستان :

شاید تاکنون به این فکر کرده باشین که چرا باید برای کسب و کار خود وبسایت داشته باشین ؟

دلیل اینکه می‌گوییم باید سایت داشته باشید این آمار است. توجه کنید که ۸۱٪ از افراد قبل از

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

یعنی ۲۵.۹۲ میلیون نفر هستند که مشاغل را به صورت آنلاین جستجو می کنند. با این وجود ۴۶% کسب و کارها فکر می‌کنند نیاز به وب سایت ندارند.

توجه داشته باشید که جهان به سمت دیجیتالی شدن پیش می‌رود و نداشتن وب سایت

برای یک شرکت یا هر کسب و کاری، به منزلۀ جا ماندن از گردونۀ روزگار است.

برای اطلاعات بیشتر با همکاران ما در شرکت آراز پردازش در ارتباط باشید

آدرس ایمیل:  info@arazpardazesh.com

اینستاگرام شرکت:   https://instagram.com/araz_pardazesh_kla

تماس با ما:     https://arazpardazesh.com/contact

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

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

هشت + 18 =