كيفية إنشاء جدول هتمل. جدول الألوان

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

الشروع في العمل على الطاولة

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

لذلك ، عند البدء في إنشاء جدول في HTML ، نوصي بالتركيز قدر الإمكان وعدم تشتيت الانتباه.

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

المقبل ، وحساب عدد الصفوف فيالجدول وعدد الخلايا في كل صف. نوصي أيضًا بملاحظة عناصر مثل وجود صور في الجدول ولون الخلفية والحدود والنص. فقط بعد ذلك يمكنك البدء في إنشاء جدول HTML باستخدام المعلومات المسجلة.

المحرر

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

إذا كنت ترغب في إنشاء جدول HTML بمساعدةكود خاص ، يمكنك استخدام لهذا الغرض المفكرة العادية أو وثيقة Word العادية. ومع ذلك ، هنا سيكون عليك العمل بجد ، لأنه سيكون عليك كتابة رمز لفترة طويلة.

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

علامات

بغض النظر عن أي محرر أنتالذي ستستخدمه ، قبل البدء في إنشاء جدول html ، يجب أن تتذكر العلامات الرئيسية. هناك ثلاثة منهم - <table> و <tr> و <td>. لاحظ أنه يتم إقران كل العلامات. تشير العلامة الأولى إلى الجدول ككل ، والثاني يحدد السلسلة ، والثالث يحدد الخلية داخل السلسلة.

أكثر قليلا عن كل من العلامات. يبدأ الجدول دائمًا بعلامة <table> وينتهي بـ </ table>. أي متصفح هو رمز لما هو جدول أمامه. يتم كتابة أسطر أخرى تفتح علامة <tr> وتنتهي </ tr>. في كل صف، وذلك باستخدام العلامة <td> و </ td> عدد محدد من الخلايا.

وبالتالي ، سيبدو رمز الجدول 2 × 2 كما يلي:

<جدول>

</ td> <td> </ td> </ tr>

</ table>

يمكنك إدراج جدول في HTML الخاص بالصفحة عن طريق نسخها من المحرر المحدد.

معلمات الجداول والصفوف والخلايا

لذا ، قمنا بفك الشفرة الأساسية. الآن دعونا نتحدث عن كيفية تحسين الجدول ، وجعلها أكثر إشراقا وأكثر جاذبية. للقيام بذلك ، تحتاج إلى معرفة المعلمات الأساسية للعلامات. وهي مكتوبة داخل علامة الفتح ، مع علامة مساواة بعد كل معلمة ، ومن ثم يتم كتابة قيمتها ، ونقلت ،. على سبيل المثال ، يتم تحديد الخلفية في جدول HTML كما يلي: <table bgcolor = "#FFFFFF">.

فيما يلي بعض المعايير الأساسية التي ستكون مفيدة لك. لنبدأ بالجدول نفسه.

لذا ، يمكنك تعيين عرض معلمة حد الحدود ، والتي يمكن أن تأخذ أي قيمة رقمية. لون الحدود يحدد bordercolor. يتم تعيين الخلفية بواسطة bgcolor.

إذا كنت تريد جعل خلفية الجدول صورة ، فاستخدم الخلفية ، بينما يجب عليك وصف عنوان URL الخاص بالصورة.

قم بمحاذاة محتوى الصفحة حول الجدول مع معلمة المحاذاة ، والتي يمكن أن تأخذ القيم لليسار ، الوسط ، واليمين.

يمكنك استخدام العلامة <caption> المقترنة ، والتي يتم تعيينها مباشرةً بعد علامة <table> الافتتاحية.

قليلا عن المعلمات من السلسلة. يتم تحديد لون الخلايا في السلسلة باستخدام bgcolor. يمكنك محاذاة النص أفقيًا مع محاذاة المعلمة (يسارًا أو مركزًا أو يمينًا) ، رأسيًا - valign (يأخذ القيم أعلى أو وسطًا أو سفليًا).

فيما يتعلق بالخلية ، يمكن ملاحظة أن لون الخلفية وصورة الخلفية يتم ضبطها باستخدام نفس المعلمات مثل الجدول بأكمله. محاذاة النص مع خيارات المحاذاة والخيارات.

هناك أيضا معلمات خاصة - colspan و rowspan. بمساعدة أول واحد يمكنك تعيين عدد الأعمدة التي ستمتد إليها الخلية. يحدد الثاني عدد الصفوف التي يمكن أن تمتد إليها هذه الخلية.

هذا كل الخيارات الأكثر فائدة.

جدول الألوان

دعونا نقول بضع كلمات حول مثل هذا الشيء المفيدجدول الألوان. يتم استخدامه لتعيين خلفية الصفحة ولون النص والروابط والعناصر الأخرى. يحتوي جدول الألوان على حوالي 216 لونًا وظلالًا. كل منهم لديه رمز ستعشري خاص به.

يبدأ الرمز نفسه مع علامة الشبكة ويحتويثلاثة أزواج من الأرقام أو الحروف. على سبيل المثال ، اللون الأخضر في الجدول يحتوي على رمز # 007F0. يشير كل زوج إلى شدة أحد الألوان الأساسية الثلاثة - الأحمر والأخضر والأزرق. باستخدام الجدول ، يمكنك تحديد اللون الذي تحتاجه وتعيينه باستخدام الشفرة.

إذا لم تتمكن من استخدام الجدول ، فيمكنك تعيين اللون باستخدام اسمه باللغة الإنجليزية.

محتويات

بضع كلمات حول المحتوى نفسه. بالطبع ، في معظم الأحيان يمكننا أن نرى النص في جدول HTML ، ولكن هذا لا يعني أنه يمكننا فقط وضعه هناك. يمكن للخلايا والخطوط أيضًا أن تحتوي على رسومات وملفات صوت وفيديو وروابط.

لوضع نص أو أي معلومات أخرى في خلية (خط) ، من الضروري تسجيله بين علامتي. على سبيل المثال: <td> name </ td>. تعرض الخلية "الاسم".

يمكنك وضع معلومات الرسومات وملفات الوسائط باستخدام علامات خاصة - <img> و <audio> و <video>.

نصائح

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

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

يُنصح بمحتويات الخلايا والسلاسل في النهاية ، عندما يكون إطار الطاولة جاهزًا.