⭐ 0
🔍
نص صورة قوات الدفاع الشعبي والمستندات الصوت الموسيقى الإلكترونيات الوقت المرافق المدققون الروحانيات ألعاب

جدول HTML مع CSS — مُصمم وجاهز لللصق

قم بإنشاء جدول HTML بشكل مرئي عن طريق النقر فوق الخلايا والكتابة - احصل على ترميز واضح ودلالي للجدول من خلال معاينة مباشرة، دون الحاجة إلى تنسيق للصق أو التحويل.

يلتف الجدول في حاوية قابلة للتمرير بحيث لا يعطل الجدول العريض تخطيط الصفحة على الشاشات الضيقة.
جارٍ المعالجة... 0%

النتيجة

تفتح هذه الصفحة أداة إنشاء الجداول مع تشغيل كل من الخطوط المخططة وحدود الخلايا، بالإضافة إلى عينة صغيرة من جدول التسعير المملوء بالفعل - وهي بالضبط المجموعة التي يقصدها معظم الأشخاص بـ "جدول HTML مع CSS".

بدلاً من تشتيت سمات النمط المضمنة عبر كل خلية، يكتب المولد كتلة نمط واحدة قابلة للتضمين مخصصة لفئة واحدة، وتغطي الحدود والمسافات والصفوف المخططة - انسخ المقتطف بالكامل، بما في ذلك كتلة النمط المضمنة، ويعمل بشكل مستقل على أي صفحة.

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

🛡️
يتم تنفيذها في المتصفح

ملفاتك ومدخلاتك لا تترك هذا الجهاز أبدًا. تتم المعالجة دون الاتصال بالإنترنت تمامًا. آمن بنسبة 100%.

التنسيقات والقواعد المقبولة

  • شبكة قابلة للتحرير: قم بإضافة أو إزالة الصفوف والأعمدة بنقرة واحدة، واكتب مباشرة في أي خلية.
  • تبديل النمط لصف الرأس، وخطوط الحمار الوحشي، وحدود الخلايا، وغلاف التمرير الأفقي المتوافق مع الجوّال.
  • معاينة معروضة مباشرة بجوار HTML بمسافة بادئة وجاهزة للنسخ، بالإضافة إلى زر نسخ بنقرة واحدة.

الفوائد الرئيسية

✓ تقوم كل نقرة على الخلية وضغطة مفتاح على تحديث ترميز الجدول الدلالي والمعاينة المباشرة المقدمة على الفور - ولا توجد خطوة تحويل منفصلة للتشغيل.
✓ تقع خطوط الحمار الوحشي والحدود ومجمع تجاوز السعة المستجيب على مربع اختيار واحد، كل منها مدعوم بـ CSS حقيقي قابل للتضمين بدلاً من السمات المضمنة المتناثرة.
✓ يستخدم الإخراج علامات thead وtbody وtr وth وtd المناسبة، بحيث يظل الجدول الذي تنسخه قابلاً للوصول وقابلاً للفهرسة أينما قمت بلصقه.

حالات الاستخدام

  • • قم بتحويل قائمة سريعة من الإحصائيات التي تستشهد بها في مشاركة مدونة إلى جدول HTML نظيف عن طريق الكتابة مباشرة في الشبكة، دون كتابة <td> واحدة بخط اليد.
  • • أنشئ جدولًا صغيرًا للتسعير أو مقارنة الميزات مع تشغيل الخطوط المخططة والحدود، ثم الصق المقتطف بالكامل - بما في ذلك CSS - في نظام إدارة المحتوى (CMS) أو الموقع الثابت.
  • • قم بإصلاح الجدول العريض الذي فاض على الهاتف المحمول عن طريق تشغيل الغلاف سريع الاستجابة والتحقق من المعاينة المباشرة قبل النشر.