كيفية رسم جدول بتنسيق HTML

جدول المحتويات:

كيفية رسم جدول بتنسيق HTML
كيفية رسم جدول بتنسيق HTML

فيديو: كيفية رسم جدول بتنسيق HTML

فيديو: كيفية رسم جدول بتنسيق HTML
فيديو: 8 - شرح الجداول table بالتفصيل الممل فى لغة html 2024, أبريل
Anonim

HTML هي لغة ترميز للصفحة يمكن استخدامها لاستضافة مواقع الويب على الإنترنت. لتنسيق المستند في هذه الحالة ، يتم استخدام العلامات - عناصر الوصف.

كيفية رسم جدول بتنسيق HTML
كيفية رسم جدول بتنسيق HTML

ضروري

  • - الحاسوب؛
  • - برنامج "المفكرة" ؛
  • - مهارات العمل مع HTML.

تعليمات

الخطوة 1

افتح صفحتك حيث تريد إضافة جدول بتنسيق HTML باستخدام Notepad. للقيام بذلك ، انقر بزر الماوس الأيمن على الملف لإظهار قائمة السياق ، وحدد الخيار "فتح باستخدام". حدد مكانًا في علامة النص الأساسي لإضافة الجدول إلى الموقع.

الخطوة 2

استخدم علامة … لوضع الجدول في Html. هذه هي العلامة الرئيسية التي تصف الجدول. يجب وضع جميع عناصره بين علامتي الفتح والختام. بشكل افتراضي ، يتم إنشاء الجدول بدون فواصل وحدود. أضف حدًا حسب الحاجة باستخدام سمة الحدود. للقيام بذلك ، أدخله داخل علامة الجدول وأضف قيمة رقمية لعرض الحد ، على سبيل المثال ، صف إلى الجدول. للقيام بذلك ، استخدم علامة … ، يتم تحديد عدد الأسطر بعدد أزواجها. أضف وصفًا للخلية باستخدام علامة…. ضع الخلية داخل علامة الصف فقط ، وأضف إليها رقم العمود (العمود) الذي يتم وضعها فيه.

الخطوة 4

يتم تحديد موقع النص في الخلية باستخدام السمات Aligh (يسار ، يمين ، وسط) - يحدد موضع النص أفقيًا ، ويحدد Valign (وسط ، أسفل ، أعلى) - موضع البيانات في الخلية عموديًا. يمكن إضافة هذا الوصف لخلية فردية وللصف بأكمله.

الخطوة الخامسة

استخدم السمة Colspan لدمج الخلايا أفقيًا و Rowspan عموديًا. مثال لرمز الجدول: "اسم الجدول" "اسم الصف المدمج" "اسم العمود الأول" "اسم العمود الثاني" "الصف الثاني" "الخلية الثانية من الصف الثاني" "الخلية الثالثة في الثانية صف".

موصى به: