https://wiki.hsoub.com/index.php?title=HTML/table&feed=atom&action=history
HTML/table - تاريخ المراجعة
2024-03-29T15:32:20Z
تاريخ التعديل لهذه الصفحة في الويكي
MediaWiki 1.35.0
https://wiki.hsoub.com/index.php?title=HTML/table&diff=32449&oldid=prev
جميل-بيلوني في 16:07، 7 أكتوبر 2022
2022-10-07T16:07:19Z
<p></p>
<table class="diff diff-contentalign-right diff-editfont-monospace" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="ar">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">→ مراجعة أقدم</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">مراجعة 16:07، 7 أكتوبر 2022</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l2" >سطر 2:</td>
<td colspan="2" class="diff-lineno">سطر 2:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>يُمثِّل العنصر <code><nowiki><table></nowiki></code> البيانات المجدّولة، أي المعلومات التي يُعبّر عنها عبر جدول ثنائي الأبعاد.</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>يُمثِّل العنصر <code><nowiki><table></nowiki></code> البيانات المجدّولة، أي المعلومات التي يُعبّر عنها عبر جدول ثنائي الأبعاد.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>لا يجوز استخدام الجداول لإنشاء تخطيط للصفحة، فبعض مطوري الويب القدامى أخطؤوا في استخدامها لهذا الغرض، وإنما يجب استعمال CSS لإنشاء تخطيط الصفحة.</div></td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>لا يجوز استخدام الجداول لإنشاء تخطيط للصفحة، فبعض مطوري الويب القدامى أخطؤوا في استخدامها لهذا الغرض، وإنما يجب استعمال <ins class="diffchange diffchange-inline">[[</ins>CSS<ins class="diffchange diffchange-inline">]] </ins>لإنشاء تخطيط الصفحة.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>مثال عن جدول بسيط فيه سطرين وعمودين (عبر عناصر <code>[[HTML/tr|<nowiki><tr></nowiki>]]</code> و <code>[[HTML/td|<nowiki><td></nowiki>]]</code>):<syntaxhighlight lang="html"></div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>مثال عن جدول بسيط فيه سطرين وعمودين (عبر عناصر <code>[[HTML/tr|<nowiki><tr></nowiki>]]</code> و <code>[[HTML/td|<nowiki><td></nowiki>]]</code>):<syntaxhighlight lang="html"></div></td></tr>
</table>
جميل-بيلوني
https://wiki.hsoub.com/index.php?title=HTML/table&diff=2764&oldid=prev
عبد اللطيف ايمش: استبدال النص - 'backgournd' ب'background'
2018-02-24T07:49:33Z
<p>استبدال النص - 'backgournd' ب'background'</p>
<table class="diff diff-contentalign-right diff-editfont-monospace" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="ar">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">→ مراجعة أقدم</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">مراجعة 07:49، 24 فبراير 2018</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l205" >سطر 205:</td>
<td colspan="2" class="diff-lineno">سطر 205:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> </tr></div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> </tr></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> </table></div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> </table></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>يجدر بالذكر أنَّ هذه الخاصية ليست قياسية، ولا تستعملها إلا بعض إصدارات Internet Explorer، وإنما يجب تنسيق العنصر <code><nowiki><table></nowiki></code> باستخدام CSS؛ ويمكن تطبيق تأثير مشابه لهذه الخاصية عبر استخدام خاصية <code>[[CSS/<del class="diffchange diffchange-inline">backgournd</del>-color|<del class="diffchange diffchange-inline">backgournd</del>-color]]</code>.</div></td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>يجدر بالذكر أنَّ هذه الخاصية ليست قياسية، ولا تستعملها إلا بعض إصدارات Internet Explorer، وإنما يجب تنسيق العنصر <code><nowiki><table></nowiki></code> باستخدام CSS؛ ويمكن تطبيق تأثير مشابه لهذه الخاصية عبر استخدام خاصية <code>[[CSS/<ins class="diffchange diffchange-inline">background</ins>-color|<ins class="diffchange diffchange-inline">background</ins>-color]]</code>.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=== <code>border</code> ===</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=== <code>border</code> ===</div></td></tr>
</table>
عبد اللطيف ايمش
https://wiki.hsoub.com/index.php?title=HTML/table&diff=2758&oldid=prev
عبد اللطيف ايمش: إضافة قسمين وأمثلة
2018-02-24T07:47:06Z
<p>إضافة قسمين وأمثلة</p>
<a href="https://wiki.hsoub.com/index.php?title=HTML/table&diff=2758&oldid=2420">عرض التغييرات</a>
عبد اللطيف ايمش
https://wiki.hsoub.com/index.php?title=HTML/table&diff=2420&oldid=prev
عبد اللطيف ايمش: استبدال النص - ':(Content sectioning|Edits|Embedded content|Forms|Inline text semantics|Input Types|Interactive elements|Main Root|Metadata|Multimedia|Scripting|Table|Text Content)' ب':HTML $1'
2018-01-28T15:44:22Z
<p>استبدال النص - ':(Content sectioning|Edits|Embedded content|Forms|Inline text semantics|Input Types|Interactive elements|Main Root|Metadata|Multimedia|Scripting|Table|Text Content)' ب':HTML $1'</p>
<table class="diff diff-contentalign-right diff-editfont-monospace" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="ar">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">→ مراجعة أقدم</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">مراجعة 15:44، 28 يناير 2018</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l258" >سطر 258:</td>
<td colspan="2" class="diff-lineno">سطر 258:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[تصنيف:HTML|{{SUBPAGENAME}}]]</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[تصنيف:HTML|{{SUBPAGENAME}}]]</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[تصنيف:HTML Elements|{{SUBPAGENAME}}]]</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[تصنيف:HTML Elements|{{SUBPAGENAME}}]]</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>[[تصنيف:Table|{{SUBPAGENAME}}]]</div></td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>[[تصنيف:<ins class="diffchange diffchange-inline">HTML </ins>Table|{{SUBPAGENAME}}]]</div></td></tr>
</table>
عبد اللطيف ايمش
https://wiki.hsoub.com/index.php?title=HTML/table&diff=1688&oldid=prev
عبد اللطيف ايمش: استبدال النص - '\[\[تصنيف:(.*)\]\]' ب'{{SUBPAGENAME}}'
2018-01-28T15:36:42Z
<p>استبدال النص - '\[\[تصنيف:(.*)\]\]' ب'<a href="/index.php?title=%D8%AA%D8%B5%D9%86%D9%8A%D9%81:$1&action=edit&redlink=1" class="new" title="تصنيف:$1 (الصفحة غير موجودة)">{{SUBPAGENAME}}</a>'</p>
<table class="diff diff-contentalign-right diff-editfont-monospace" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="ar">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">→ مراجعة أقدم</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">مراجعة 15:36، 28 يناير 2018</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l256" >سطر 256:</td>
<td colspan="2" class="diff-lineno">سطر 256:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*مواصفة [http://www.w3.org/TR/html5/tabular-data.html#the-table-element HTML5].</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*مواصفة [http://www.w3.org/TR/html5/tabular-data.html#the-table-element HTML5].</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*مواصفة [https://www.w3.org/TR/html4/struct/tables.html#h-11.2.1 HTML 4.01].</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*مواصفة [https://www.w3.org/TR/html4/struct/tables.html#h-11.2.1 HTML 4.01].</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>[[تصنيف:HTML]]</div></td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>[[تصنيف:HTML<ins class="diffchange diffchange-inline">|{{SUBPAGENAME}}</ins>]]</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>[[تصنيف:HTML Elements]]</div></td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>[[تصنيف:HTML Elements<ins class="diffchange diffchange-inline">|{{SUBPAGENAME}}</ins>]]</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>[[تصنيف:Table]]</div></td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>[[تصنيف:Table<ins class="diffchange diffchange-inline">|{{SUBPAGENAME}}</ins>]]</div></td></tr>
</table>
عبد اللطيف ايمش
https://wiki.hsoub.com/index.php?title=HTML/table&diff=1273&oldid=prev
عبد اللطيف ايمش: تغيير ترتيب التصنيفات
2018-01-27T09:18:44Z
<p>تغيير ترتيب التصنيفات</p>
<table class="diff diff-contentalign-right diff-editfont-monospace" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="ar">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">→ مراجعة أقدم</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">مراجعة 09:18، 27 يناير 2018</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l256" >سطر 256:</td>
<td colspan="2" class="diff-lineno">سطر 256:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*مواصفة [http://www.w3.org/TR/html5/tabular-data.html#the-table-element HTML5].</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*مواصفة [http://www.w3.org/TR/html5/tabular-data.html#the-table-element HTML5].</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*مواصفة [https://www.w3.org/TR/html4/struct/tables.html#h-11.2.1 HTML 4.01].</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*مواصفة [https://www.w3.org/TR/html4/struct/tables.html#h-11.2.1 HTML 4.01].</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"></del></div></td><td colspan="2"> </td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">[[تصنيف:Table]]</del></div></td><td colspan="2"> </td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[تصنيف:HTML]]</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[تصنيف:HTML]]</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[تصنيف:HTML Elements]]</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[تصنيف:HTML Elements]]</div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">[[تصنيف:Table]]</ins></div></td></tr>
</table>
عبد اللطيف ايمش
https://wiki.hsoub.com/index.php?title=HTML/table&diff=81&oldid=prev
عبد اللطيف ايمش في 07:45، 16 يناير 2018
2018-01-16T07:45:29Z
<p></p>
<p><b>صفحة جديدة</b></p><div><noinclude>{{DISPLAYTITLE:العنصر <code>&lt;table&gt;</code>}}</noinclude><br />
يُمثِّل العنصر <code><nowiki><table></nowiki></code> البيانات المجدّولة، أي المعلومات التي يُعبّر عنها عبر جدول ثنائي الأبعاد.<br />
<br />
لا يجوز استخدام الجداول لإنشاء تخطيط للصفحة، فبعض مطوري الويب القدامى أخطؤوا في استخدامها لهذا الغرض، وإنما يجب استعمال CSS لإنشاء تخطيط الصفحة.<br />
<br />
مثال عن جدول بسيط فيه سطرين وعمودين (عبر عناصر <code>[[HTML/tr|<nowiki><tr></nowiki>]]</code> و <code>[[HTML/td|<nowiki><td></nowiki>]]</code>):<syntaxhighlight lang="html"><br />
<table><br />
<tr><br />
<td>Bashir</td><br />
<td>Al-Ameen</td><br />
</tr><br />
<tr><br />
<td>Mona</td><br />
<td>Al-Ameen</td><br />
</tr><br />
</table><br />
</syntaxhighlight>مثال عن جدول بسيط له ترويسة (العنصر <code>[[HTML/td|<nowiki><th></nowiki>]]</code>):<syntaxhighlight lang="html"><br />
<table><br />
<tr><br />
<th>First name</th><br />
<th>Last name</th><br />
</tr><br />
<tr><br />
<td>Bashir</td><br />
<td>Al-Ameen</td><br />
</tr><br />
<tr><br />
<td>Bashir</td><br />
<td>Al-Ameen</td><br />
</tr><br />
</table><br />
</syntaxhighlight>مثال عن جدول فيه ثلاثة أقسام: ترويسة (عبر العنصر <code>[[HTML/thead|<thead>]]</code>)، وجسم (عبر العنصر <code>[[HTML/tbody|<tbody>]]</code>)، وتذييل (عبر العنصر <code>[[HTML/tfoot|<tfoot>]]</code>):<syntaxhighlight lang="html"><br />
<table><br />
<thead><br />
<tr><br />
<th>Header content 1</th><br />
<th>Header content 2</th><br />
</tr><br />
</thead><br />
<tbody><br />
<tr><br />
<td>Body content 1</td><br />
<td>Body content 2</td><br />
</tr><br />
</tbody><br />
<tfoot><br />
<tr><br />
<td>Footer content 1</td><br />
<td>Footer content 2</td><br />
</tr><br />
</tfoot><br />
</table><br />
</syntaxhighlight>مثال عن جدول فيه مجموعة أعمدة (عبر العنصر <code>[[HTML/colgroup|<colgroup>]]</code>) تمتد على أربعة أعمدة (الخاصية <code>span</code>):<syntaxhighlight lang="html"><br />
<table><br />
<colgroup span="4"></colgroup><br />
<tr><br />
<th>Countries</th><br />
<th>Capitals</th><br />
<th>Population</th><br />
<th>Language</th><br />
</tr><br />
<tr><br />
<td>USA</td><br />
<td>Washington D.C.</td><br />
<td>309 million</td><br />
<td>English</td><br />
</tr><br />
<tr><br />
<td>Sweden</td><br />
<td>Stockholm</td><br />
<td>9 million</td><br />
<td>Swedish</td><br />
</tr><br />
</table><br />
</syntaxhighlight>مثال عن جدول فيه مجموعة من الأعمدة (العنصر <code>[[HTML/colgroup|<colgroup>]]</code>) وعرّفنا داخله عمودًا (العنصر <code>[[HTML/col|<col>]]</code>) لون خلفيته أخضر:<syntaxhighlight lang="html"><br />
<table><br />
<colgroup><br />
<col style="background-color: #0f0"><br />
</colgroup><br />
<tr><br />
<th>Lime</th><br />
<th>Lemon</th><br />
<th>Orange</th><br />
</tr><br />
<tr><br />
<td>Green</td><br />
<td>Yellow</td><br />
<td>Orange</td><br />
</tr><br />
</table><br />
</syntaxhighlight>مثال عن جدول له عنوان عبر العنصر <code>[[HTML/caption|<nowiki><caption></nowiki>]]</code>:<syntaxhighlight lang="html"><br />
<table><br />
<caption>caption</caption><br />
<tr><br />
<td>data</td><br />
</tr><br />
</table><br />
</syntaxhighlight><br />
<br />
{| class="wikitable" style="width: 100%;"<br />
|-<br />
! scope="row" style="width: 20%;" | تصنيفات المحتوى<br />
| عنصر تنظيمي.<br />
|-<br />
! scope="row" | المحتوى المسموح<br />
| العنصر الآتية بالترتيب:<br />
* عنصر <code>[[HTML/caption|<nowiki><caption></nowiki>]]</code> اختياري.<br />
* عنصر <code>[[HTML/colgroup|<colgroup>]]</code> صفر مرة أو أكثر.<br />
* عنصر <code>[[HTML/thead|<thead>]]</code> اختياري.<br />
* أحد العنصرين الآتيين:<br />
** عنصر <code>[[HTML/tbody|<tbody>]]</code> صفر مرة أو أكثر.<br />
** عنصر <code>[[HTML/tr|<nowiki><tr></nowiki>]]</code> مرة واحدة أو أكثر.<br />
* عنصر <code>[[HTML/tfoot|<tfoot>]]</code> اختياري.<br />
|-<br />
! scope="row" | الوسم المختصر<br />
| لا يمكن حذف أيّ من وسمَي البداية أو النهاية.<br />
|-<br />
! scope="row" | العناصر الأب<br />
| أي عنصر يقبل المحتوى التنظيمي. <br />
|-<br />
! scope="row" | واجهة DOM<br />
| <code>HTMLTableElement</code><br />
|}<br />
== دعم المتصفحات ==<br />
{| class="wikitable" style="width: 50%;"<br />
!| Chrome<br />
! Firefox<br />
! Edge<br />
! Safari<br />
! Opera<br />
|-<br />
|مدعوم<br />
|مدعوم<br />
|مدعوم<br />
|مدعوم<br />
|مدعوم<br />
|}<br />
== الخاصيات ==<br />
يمكن استخدام الخاصيات العامة في هذا العنصر.<br />
<br />
=== <code>align</code> ===<br />
تُستخدم هذه الخاصية لتحديد كيف تكون محاذاة الجدول بالنسبة إلى المستند، وتقبل إحدى القيم الآتية:<br />
* <code>left</code>: عرض الجدول في الطرف الأيسر المستند<br />
* <code>center</code>: توسيط الجدول في المستند<br />
* <code>right</code>: عرض الجدول في الطرف الأيمن المستند<br />
يجدر بالذكر أنَّ هذه الخاصية أهملت في HTML 4 وحُذِفَت في HTML5، ولا يجوز استخدامها وإنما يجب تنسيق العنصر <code><nowiki><table></nowiki></code> باستخدام CSS، وذلك عبر ضبط الخاصية <code>margin-left</code> و <code>margin-right</code> إلى <code>auto</code> أو استخدام الخاصية <code>margin</code> مع القيمة <code>0 auto</code>.<br />
=== <code>bgcolor</code> ===<br />
تُعرِّف هذه الخاصية لون الخلفية للجدول، ويمكن أن تقبل هذه الخاصية القيم الست عشرية للألوان بنظام [https://www.w3.org/Graphics/Color/sRGB sRGB]، ويسبقها المحرف <code>#</code>. يمكن استخدام أسماء الألوان الآتية المُعرَّفة مسبقًا:<br />
<table style="width: 80%;" dir="ltr"><br />
<tr><br />
<td style="background-color: black; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;">&nbsp;</td><br />
<td><code>black</code> = "#000000"</td><br />
<td style="background-color: green; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;">&nbsp;</td><br />
<td><code>green</code> = "#008000"</td><br />
</tr><br />
<tr><br />
<td style="background-color: silver; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;">&nbsp;</td><br />
<td><code>silver</code> = "#C0C0C0"</td><br />
<td style="background-color: lime; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;">&nbsp;</td><br />
<td><code>lime</code> = "#00FF00"</td><br />
</tr><br />
<tr><br />
<td style="background-color: gray; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;">&nbsp;</td><br />
<td><code>gray</code> = "#808080"</td><br />
<td style="background-color: olive; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;">&nbsp;</td><br />
<td><code>olive</code> = "#808000"</td><br />
</tr><br />
<tr><br />
<td style="background-color: white; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;">&nbsp;</td><br />
<td><code>white</code> = "#FFFFFF"</td><br />
<td style="background-color: yellow; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;">&nbsp;</td><br />
<td><code>yellow</code> = "#FFFF00"</td><br />
</tr><br />
<tr><br />
<td style="background-color: maroon; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;">&nbsp;</td><br />
<td><code>maroon</code> = "#800000"</td><br />
<td style="background-color: navy; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;">&nbsp;</td><br />
<td><code>navy</code> = "#000080"</td><br />
</tr><br />
<tr><br />
<td style="background-color: red; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;">&nbsp;</td><br />
<td><code>red</code> = "#FF0000"</td><br />
<td style="background-color: blue; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;">&nbsp;</td><br />
<td><code>blue</code> = "#0000FF"</td><br />
</tr><br />
<tr><br />
<td style="background-color: purple; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;">&nbsp;</td><br />
<td><code>purple</code> = "#800080"</td><br />
<td style="background-color: teal; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;">&nbsp;</td><br />
<td><code>teal</code> = "#008080"</td><br />
</tr><br />
<tr><br />
<td style="background-color: fuchsia; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;">&nbsp;</td><br />
<td><code>fuchsia</code> = "#FF00FF"</td><br />
<td style="background-color: aqua; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;">&nbsp;</td><br />
<td><code>aqua</code> = "#00FFFF"</td><br />
</tr><br />
</table><br />
يجدر بالذكر أنَّ هذه الخاصية ليست قياسية، ولا تستعملها إلا بعض إصدارات Internet Explorer، وإنما يجب تنسيق العنصر <code><nowiki><table></nowiki></code> باستخدام CSS؛ ويمكن تطبيق تأثير مشابه لهذه الخاصية عبر استخدام خاصية <code>backgournd-color</code>.<br />
<br />
=== <code>border</code> ===<br />
هذه الخاصية تقبل أرقامًا صحيحةً تُمثِّل قياس الإطار الذي يُحيط بالجدول بواحدة البكسل، وإذا كانت قيمة هذه الخاصية <code>0</code> فستُضبَط قيمة الخاصية <code>frame</code> إلى <code>void</code>.<br />
<br />
يجدر بالذكر أنَّ هذه الخاصية أصبحت مهملة ولا يجوز استعمالها، وإنما يجب تنسيق العنصر <code><nowiki><table></nowiki></code> باستخدام CSS، وذلك عبر الخاصيات <code>border</code> و <code>border-color</code> و <code>border-width</code> و <code>border-style</code>.<br />
<br />
=== <code>cellpadding</code> ===<br />
تُعرِّف هذه الخاصية مقدار الفراغ بين محتوى الخلية وبين إطارها (سواءً كان الإطار معروضًا أم لا)؛ وإذا كانت قيمة هذه الخاصية مُعرَّفة بواحدة البكسل فستُضاف مسافة إلى الجوانب الأربعة للخلية، أما لو كانت القيمة مئوية فسيتوسط المحتوى في الخلية وستُمثِّل المسافة الرأسية كلها (العلوية والسفلية) هذه القيمة، والمثل ينطبق على المسافة الأفقية (اليمينية واليسارية).<br />
<br />
يجدر بالذكر أنَّ هذه الخاصية أصبحت مهملة ولا يجوز استعمالها، وإنما يجب تنسيق العنصر <code><nowiki><table></nowiki></code> باستخدام CSS، وذلك عبر تطبيق الخاصية <code>border-collapse</code> إلى العنصر <code><nowiki><table></nowiki></code> وضبط قيمتها إلى <code>collapse</code>، واستخدام الخاصية <code>padding</code> على العنصر <code>[[HTML/td|<nowiki><td></nowiki>]]</code>.<br />
=== <code>cellspacing</code> ===<br />
تُعرِّف هذه الخاصية مقدار الفراغ بين خليتين إما بالبكسل أو بالنسبة المئوية، وستُطبَّق قيمة هذه الخاصية أفقيًا ورأسيًا إلى المسافة بين أعلى الجدول والخلايا في أوّل سطر، وبين يسار الجدول وأوّل عمود، ويمين الجدول وآخر عمود، وأسفل الجدول وآخر سطر.<br />
<br />
يجدر بالذكر أنَّ هذه الخاصية أصبحت مهملة ولا يجوز استعمالها، وإنما يجب تنسيق العنصر <code><nowiki><table></nowiki></code> باستخدام CSS، وذلك عبر تطبيق الخاصية <code>border-spacing</code> إلى العنصر <code><nowiki><table></nowiki></code>، خاصية <code>border-spacing</code> لن يكون لها أي تأثير إن ضُبَطَت الخاصية <code>border-collapse</code> إلى <code>collapse</code>.<br />
=== <code>frame</code> ===<br />
تُحدِّد هذه الخاصية أي جانب من جوانب الجدول يجب عرضه، وقد تأخذ إحدى القيم الآتية:<br />
* <code>above</code><br />
* <code>below</code><br />
* <code>hsides</code><br />
* <code>vsides</code><br />
* <code>lhs</code><br />
* <code>rhs</code><br />
* <code>border</code><br />
* <code>box</code><br />
* <code>void</code><br />
يجدر بالذكر أنَّ هذه الخاصية أصبحت مهملة ولا يجوز استعمالها، وإنما يجب تنسيق العنصر <code><nowiki><table></nowiki></code> باستخدام CSS، وذلك عبر تطبيق الخاصيتين <code>border-style</code> و <code>border-width</code>.<br />
<br />
=== <code>rules</code> ===<br />
تُحدِّد هذه الخاصية متى يجب أن تظهر الخطوط (rules أو lines) في الجدول، ويمكن أن تقبل إحدى الخاصيات الآتية:<br />
* <code>none</code>: تعني أنَّه لا يجب عرض أي خط، وهذه القيمة الافتراضية.<br />
* <code>groups</code>: تؤدي إلى عرض الخطوط بين المجموعات المُعرَّفة عبر العناصر <code>[[HTML/thead|<thead>]]</code> و <code>[[HTML/tbody|<tbody>]]</code> و <code>[[HTML/tfoot|<tfoot>]]</code>، والعنصرين <code>[[HTML/col|<col>]]</code> و <code>[[HTML/colgroup|<colgroup>]]</code>.<br />
* <code>rows</code>: تؤدي إلى عرض الخطوط بين الأسطر.<br />
* <code>columns</code>: تؤدي إلى عرض الخطوط بين الأعمدة.<br />
* <code>all</code>: تؤدي إلى عرض الخطوط بين الأسطر والأعمدة.<br />
يجدر بالذكر أنَّ هذه الخاصية أصبحت مهملة ولا يجوز استعمالها، وإنما يجب استخدام CSS، وذلك عبر تطبيق الخاصية <code>border</code> إلى العنصر <code>[[HTML/thead|<thead>]]</code> أو <code>[[HTML/tbody|<tbody>]]</code> أو <code>[[HTML/tfoot|<tfoot>]]</code> أو <code>[[HTML/col|<col>]]</code> أو <code>[[HTML/colgroup|<colgroup>]]</code> بما يلزم.<br />
<br />
=== <code>summary</code> ===<br />
تُعرِّف هذه الخاصية نصًا بديلًا يلخص محتوى الجدول، وتسمح لزوار الموقع الذين يعانون مشاكل بصرية والذين قد يتصفحون الموقع عبر «شاشة بريل» (Braille screen).<br />
<br />
المعلومات المُضافة إلى هذا الجدول لا تفيد الزوار الذين يعانون مشاكل بصرية فقط، وإنما تفيد غيرهم.<br />
<br />
يجدر بالذكر أنَّ هذه الخاصية أصبحت مهملة، ويمكنك اختيار إحدى الطرائق الآتية لإضافة وصف للجدول:<br />
* أضف الشرح حول الجدول (لكن هذه الطريقة غير منظمة).<br />
* أضف الشرح ضمن عنصر <code>[[HTML/caption|<nowiki><caption></nowiki>]]</code> داخل الجدول.<br />
* أضف الشرح ضمن العنصر <code>[[HTML/details|<details>]]</code> الموجود داخل العنصر <code>[[HTML/caption|<nowiki><caption></nowiki>]]</code> داخل الجدول.<br />
* ضع العنصر <code><nowiki><table></nowiki></code> داخل العنصر <code>[[HTML/figure|<figure>]]</code> وأضف الشرح بعده.<br />
* ضع العنصر <code><nowiki><table></nowiki></code> داخل العنصر <code>[[HTML/figure|<figure>]]</code> وأضف الشرح ضمن العنصر <code>[[HTML/figcaption|<figcaption>]]</code>.<br />
* عدِّل الجدول لكيلا يحتاج إلى شرحٍ خاصٍ به (مثلًا: استخدم العنصرين <code>[[HTML/th|<nowiki><th></nowiki>]]</code> و <code>[[HTML/thead|<thead>]]</code>).<br />
<br />
=== <code>width</code> ===<br />
تُحدِّد هذه الخاصية عرض الجدول، ويمكن ضبط هذه القيمة بالبكسل أو بالنسبة المئوية، وإذا استعملت النسبة المئوية فستُمثِّل جزءًا من الحاوية التي يقع فيها العنصر <code><nowiki><table></nowiki></code>.<br />
<br />
يجدر بالذكر أنَّ هذه الخاصية أصبحت مهملة ولا يجوز استعمالها، وإنما يجب تنسيق العنصر <code><nowiki><table></nowiki></code> باستخدام CSS، وذلك عبر الخاصية <code>width</code>.<br />
<br />
==مصادر ومواصفات==<br />
*معيار [https://html.spec.whatwg.org/multipage/tables.html#the-table-element HTML Living Standard].<br />
*مواصفة [http://www.w3.org/TR/html5/tabular-data.html#the-table-element HTML5].<br />
*مواصفة [https://www.w3.org/TR/html4/struct/tables.html#h-11.2.1 HTML 4.01].<br />
<br />
[[تصنيف:Table]]<br />
[[تصنيف:HTML]]<br />
[[تصنيف:HTML Elements]]</div>
عبد اللطيف ايمش