هذه سلسلة من البرامج التعليمية المقدمة لك ، وذلك أساسًا لشرح تطبيق النماذج على صفحات الويب للمبتدئين ، بما في ذلك المعرفة الأساسية ، وبعض النصائح حول النماذج ، وما إلى ذلك. آمل أن يتمكن الجميع من دعمها.
الجداول هي أفضل طريقة لترتيب المحتوى. في صفحات HTML ، يتم إنشاء معظم الصفحات باستخدام الجداول. ومع ذلك ، في التكنولوجيا الحالية ، اقترح بعض الأشخاص استخدام Div CSS لإنشاء صفحات ويب. الغرض الرئيسي هو تبسيط رمز صفحات الويب. قامت العديد من مواقع الويب بتنفيذ تخطيط Div CSS ، لكن لا يزال من الضروري للغاية بالنسبة لنا أن نتعلم كيفية إنشاء النماذج أثناء عملية إنتاج صفحة الويب ، لذلك سنشرح ذلك لك على وجه التحديد.
في بناء جملة HTML ، تتكون الجداول بشكل أساسي من ثلاث علامات وعلامات الجدول وعلامات الصف وعلامات الخلايا. كما هو موضح في الجدول التالي:
علامات الجدول
| علامة | يصف |
| <border> ... </table> | علامات الجدول |
| <tr> ... </tr> | علامة صف |
| <td> ... </td> | علامات الخلية |
01 <الطاولة>
02 <tr>
03 <td> ... </td>
04 ...
05 </tr>
06 <tr>
07 <td> ... </td>
08 ...
09 </tr>
10 ...
11 </الجدول>
تفسير بناء الجملةتمثل العلامة <guide> بداية الجدول ، ويمثل العلامة <tr> بداية الصف ، ويكون محتوى الخلية بين <td> و </td>. تحتوي هذه العلامات على علاقات من كبيرة إلى صغيرة ، طبقة تلو الأخرى ، من أكبر طاولة إلى أصغر خلية. يمكن أن يكون للجدول علامات <tr> و <td> التي تمثل صفوفًا متعددة وخلايا متعددة ، على التوالي.
مثال ملف: 10-1.HTMقم بإنشاء جدول من ثلاثة صفوف وعمود مع علامات <Cloy> ، <tr> ، <td>.
01 <!------------------------------>
02 <!-مثال ملف: 10-1.htm->
03 <!-الوثيقة الوصف: قم بعمل جدول->
04 <!------------------------------->
05 <html>
06 <head>
07 <TITLE> صنع نموذج </title>
08 </head>
09 <Body>
10 <H1> برنامج تصميم الويب السائد </h1>
11 <الطاولة>
12 <tr>
13 <td> برنامج صورة الويب </td>
14 <td> الألعاب النارية </td>
15 </tr>
16 <tr>
17 <td> برنامج إنتاج صفحة الويب </td>
18 <td> Dreamweaver </td>
19 </tr>
20 <tr>
21 <td> برنامج الرسوم المتحركة على شبكة الإنترنت </td>
22 <td> فلاش </td>
23 </tr>
24 </table> إجمالي صفحتين الصفحة السابقة 12 الصفحة التالية