سمات علامات الجدول ، والحدود ، والأحجام ، والمزيد. سمات علامة TABLE والحدود والأحجام وترميز جدول Html الآخر
خلية رأس أو خلية عادية في كل صف.
تم إنشاء الجدول بواسطة العلامة
أمثلة استخدام الجدول
خلية الرأس 1 | خلية الرأس 2 | خلية الرأس 3 |
---|---|---|
خلية الرأس 4 | خلية الرأس 5 | خلية الرأس 6 |
الخلية 1 | الخلية 2 | الخلية 3 |
الخلية 4 |
دعم المتصفح
بطاقة شعار | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
صفاتعلامة HTML5
09.11.2015 أهلاً بكم! ... ولكن هذا شيء من الماضي ، حيث توجد طرق أفضل لإنشاء إطار سلكي لموقع ما. غالبًا ما أستخدم جدولًا في مدونتي أو موقع الويب الخاص بي ، على سبيل المثال ، كما في. أعتقد أنك اكتشفت سبب حاجتك إلى تعلم كيفية إنشاء طاولة. ما هي العلامات الرئيسية في الجدول؟○ علامة طاولة
○ علامة تيص داخل الحاوية يتم إنشاء الأشرطة باستخدام العلامة
. | علامة الإغلاق مطلوبة.
الآن دعونا نحاول استخدام النظرية وإنشاء جدول عمليًا.
حتى الآن ، هل كل شيء واضح بالنسبة لك؟ إذا كنت لا تفهم ، ارفع يدك! نعم ، حسنًا ، دعنا ننتقل. الآن ضع في اعتبارك سمات الجدول. *صفات ○ حدود الجدول في HTML لجعل الجدول مرئيًا ، للعلامة
إذا كانت قيمة السمة «
حدود»
"0" ، لن تكون الحدود مرئية إذا لم يتم تعيينها للعلامة
نتيجة: ○كيفية دمج الخلايا في جدول تُستخدم السمات لدمج الخلايا في جدول "كولسبان"و "rowspan" إلى العلامة <
td>
. في القيم ، حدد عدد الخلايا المراد دمجها.
نتيجة: نتيجة: مثال أكثر تعقيدًا:
نتيجة: ○ كيفية زيادة التباعد بين خلايا الجدول لزيادة المسافة بين النص وحد الخلية ، اكتب السمة "المساحة المتروكة للخلايا"إلى العلامة
في قيم السمة "cellpadding" ، حدد مسافة المسافة البادئة
نتيجة: لزيادة التباعد بين الخلايا في جدول ، استخدم السمة تباعد الخلاياإلى العلامة
في قيم السمات تباعد الخلاياحدد المسافة بين الخلايا
نتيجة: ○ كيفية عمل خلفية لجدول HTML لإنشاء خلفية جدول HTML ، استخدم علامة k نتيجة: ○ كيفية إدراج صورة في جدول HTML لإدراج صورة في جدول HTML ، بين العلامة
نتيجة: القيم محددة بالبكسل (بكسل) أو النسب المئوية (٪) ○ محاذاة المحتوى في جدول HTML لمحاذاة المحتوى في جدول HTML ، استخدم علامة to محاذاة- محاذاة أفقية للمحتوى في الجدول. VALIGN- محاذاة رأسية للمحتويات في الجدول.
نتيجة: ○ كيفية توسيط جدول HTML لمحاذاة الجدول في المنتصف ، تحتاج إلى لف الجدول بعلامة
نتيجة: لذلك انتهينا من الجداول. الآن يمكنك إنشاء جدول بأي تعقيد بنفسك. تحقق من هذا الدرس. حاول إنشاء أي جدول بنفسك. المنشور السابق كل علامة هذا مثال على كود html: انتبه للخلية الآن دعونا نلقي نظرة على جميع سمات العلامات بالتفصيل. لفتح الوسم 1. محاذاة الخاصية = "معلمة" - تحدد محاذاة الجدول. يمكن أن يأخذ القيم التالية: في المثال أعلاه ، قمنا بتوسيط الجدول مع align = "center". يمكن تطبيق هذه السمة ليس فقط على الجدول ، ولكن أيضًا على خلايا الجدول الفردية. على سبيل المثال 2. خلفية الخاصية = "URL" - يحدد صورة الخلفية. بدلاً من عنوان URL ، يجب كتابة عنوان صورة الخلفية. مثال يتحول في الصفحة إلى ما يلي: في المثال أعلاه ، توجد صورة الخلفية الخاصة بنا في المجلد img (الموجود في نفس الدليل مثل صفحة html) ، وتسمى الصورة fon.gif. لاحظ أنه في العلامة أضفنا style = "color: white؛" . نظرًا لأن الخلفية سوداء تقريبًا ، حتى لا يندمج النص في الخلفية ، فقد جعلنا النص أبيضًا. 3. الخاصية bgcolor = "color" - تحدد لون خلفية الجدول. كلون ، يمكنك اختيار أي لوحة كاملة (انظر رموز وأسماء ألوان html) 4. حد الخاصية = "العدد" - يحدد سمك إطار الجدول. في الأمثلة السابقة ، حدّدنا الحدود = "1" ، مما يعني أن سمك الحد هو 1 بكسل. 5. لون حدود الخاصية = "اللون" - يحدد لون الحدود. إذا كانت الحدود = "0" ، فلن يكون هناك حد ولن يكون لون الحد منطقيًا. 6. الحشو الخلوي للخاصية = "الرقم" - الحشو من الإطار إلى محتوى الخلية بالبكسل. 7. تباعد خلايا الخاصية = "رقم" - المسافة بين الخلايا بالبكسل. 8. أعمدة الخاصية = "العدد" - عدد الأعمدة. إذا لم تقم بتعيينه ، فسيحدد المتصفح عدد الأعمدة. الاختلاف الوحيد هو أن تحديد هذه المعلمة سيؤدي على الأرجح إلى تسريع تحميل الجدول. 9. إطار الخاصية = "معلمة" - كيفية عرض الحدود حول الجدول. يمكن أن يأخذ القيم التالية: 10. ارتفاع الخاصية = "رقم" - يحدد ارتفاع الجدول: إما بالبكسل أو كنسبة مئوية. 11. قواعد الخاصية = "معلمة" - مكان عرض الحدود بين الخلايا. يمكن أن يأخذ القيم التالية: 12. عرض الخاصية = "رقم" - يحدد عرض الجدول: إما بالبكسل أو كنسبة مئوية. 13. فئة الخاصية = "class_name" - يمكنك تحديد اسم الفئة التي ينتمي إليها الجدول. 14. نمط الخاصية = "الأنماط" - يمكن تعيين الأنماط بشكل فردي لكل جدول. حان الوقت الآن للغوص داخل الجدول وإلقاء نظرة على سمات خلايا الجدول. يجب كتابة هذه السمات في علامة الافتتاح. 1. محاذاة الخاصية = "معلمة" - تحدد محاذاة خلية جدول منفصلة. يمكن أن يأخذ القيم التالية: 2. خلفية الخاصية = "URL" - يحدد صورة الخلفية للخلية. بدلاً من عنوان URL ، يجب كتابة عنوان صورة الخلفية. 3. الخاصية bgcolor = "color" - تحدد لون خلفية الخلية. 4. لون حدود الخاصية = "اللون" - يحدد لون حدود الخلية. 5. خاصية char = "letter" - تحدد الحرف الذي يجب إجراء المحاذاة منه. يجب تعيين قيمة سمة المحاذاة على حرف. 6. الخاصية colspan = "number" - تحدد عدد الخلايا الأفقية المدمجة. 7. ارتفاع الخاصية = "رقم" - يحدد ارتفاع الجدول: إما بالبكسل أو كنسبة مئوية. 8. عرض الخاصية = "رقم" - يحدد عرض الجدول: إما بالبكسل أو كنسبة مئوية. 9. الخاصية rowspan = "number" - تحدد عدد الخلايا العمودية المراد دمجها. 10. قيمة الخاصية = "معلمة" - محاذاة رأسية لمحتويات الخلية. للعلامة في حالة استخدام حد (حد الخلية) وحشو صفري بين الخلايا ، لا يزال يتم لصقهما معًا ويتم الحصول على حد مضاعف. لتجنب ذلك ، تحتاج إلى تصميم الجدول بضم الحدود: تصغير: عزيزي القارئ ، لقد تعلمت الآن الكثير عن علامة جدول html. الآن أنصحك بالانتقال إلى الدرس التالي. تعد الجداول في HTML وظيفية للغاية بحيث يمكنك استخدامها لتنضيد مواقع كاملة (قراءة). الآن سنتحدث عن إدراج جداول HTML بسيطة في صفحة ويب ، وتحليل الترميز فقط ، ولكن دون لمس التصميم ، لأنه من الأفضل تزيين الجداول بأنماط CSS. فيما يلي العناصر الأساسية اللازمة لإنشاء الجداول: قم بإنشاء مستند HTML وانسخ الكود التالي فيه:
سيبدو المستند في المستعرض كما يلي: دعنا نتعرف على أسطر الكود المسؤولة عن ماذا. في هذا الفصل سنتحدث عن سمات علامة الجدول. ملخص- تحدد هذه السمة معلومات عامة حول الغرض من الجدول وهيكله للمتصفحات غير المرئية (الكلام) ، أي يقدم ملخصًا لمحتويات الجدول. للوهلة الأولى ، يبدو أن هذه السمة اختيارية للمبتدئين ، لكنها ليست كذلك ، يعطي المدقق تحذيرًا بشأن غيابها ، لذا ضعها على الأقل ملخصًا فارغًا = "".
حدود- تحدد هذه السمة سمك الحد حول الجدول ، كما في الصور بالبكسل.
محاذاة- تعمل هذه السمة على محاذاة الجدول ويمكن أن تأخذ إحدى القيم التالية: غادرأو مركزأو يمين. ارتفاعيحدد ارتفاع الجدول بالبكسل. يتم تعيين هذه السمة فقط إذا احتجنا إلى تعيين ارتفاع معين. عرض- يحدد عرض الجدول بالبكسل أو كنسبة مئوية بالنسبة لعرض نافذة المتصفح. تباعد الخلايا- يحدد المسافة بين الخلايا بالبكسل
حشو الخليةيحدد المسافة بين الخلية ومحتواها:
bgcolorكما في علامة الجسم يحدد لون الجدول. خلفيةيجعل الصورة خلفية الجدول ، تمامًا مثل علامة الجسم. لنقم بإنشاء صفحة table.html :
فالين- تُستخدم هذه السمة لمحاذاة محتويات الخلية رأسياً ويمكن أن تأخذ القيم التالية: الأحلام حول شاب سابق ليست أكثر من علامة على أنك متحمس لأحداث الماضي في الحياة الواقعية. ما هو حلم عاشق سابق بعد؟ لماذا يظهر الأصدقاء السابقون في المنام معظم الفتيات والنساء يظهرن في المنام ... سهولة الكسر والقطع والهشاشة والخطر هما مفهومان متعاكسان يمكن أن يعزى إلى الزجاج. ولماذا تحلم هذه المسألة المتناقضة؟ يفسر تفسير الحلم أي مؤامرة بوجودها في المنام ، اعتمادًا على ... على الرغم من التفسيرات المتضاربة في كثير من الأحيان ، فإن أشهر كتب الأحلام تعتبر الفطائر التي شوهدت في المنام رمزًا ميمونًا للفرح وطول العمر والازدهار. ومع ذلك ، يمكن لعمليات التلاعب المختلفة المرتبطة بهذا العنصر ... تفسير الأحلام: تفسير الأحلام Denise Lynn (مختصر) في الحلم ، انظر إلى القمر جانبك الأنثوي ، السلام العاطفي ، أطوار القمر تعني حالات مختلفة. يرمز البدر إلى النزاهة والإبداع البديهي. القمر الجديد أو القمر على حساب يدعوك ... إذا رأيت نفسك في المنام مبتهجًا ومبهجًا ، فإن أمامك النجاح في العمل والتعاون مع الشركاء اللامعين.إذا سمحت بالضحك على نذير القدر في الحلم ، فستواجه خيبة أمل و ... مهما كانت المؤامرات التي تمتلئ بها أحلامنا ، فإنها دائمًا ما تحمل عبئًا عاطفيًا خاصًا بها. هناك أحلام مزعجة ومتوترة ومخيفة ، وهناك أحلام رومانسية ورائعة وممتعة وهناك مضحكة وخفيفة .... |