الجدول - واحد من أهم، ولكن في نفس العناصر المعقدة الوقت الذي يجب أن تكون موجودة على صفحات الويب. مع مساعدتهم وأنها مريحة لتطبيق المعلومات الهامة والمفيدة في شكل موجز إلى حد ما. وبطبيعة الحال، فإن معظم المحررين في قوالب، والعمل على محركات مختلفة، تلقائيا إدراج جدول إلى موقع الويب الخاص بك أو نشر منفصل، ولكن ما إذا كان المورد تصميم مواقع الإنترنت، يتم إنشاء صفحاتها من الصفر؟ ثم سيد المبتدئين قد تحصل مشكلة: كيفية جعل الجدول في HTML. دعونا نرى كيف بسرعة وبشكل صحيح إنشاء العنصر.
اختيار المحرر
أولا وقبل كل شيء، بدءا من إنشاء جدول، يجب تحديد المحرر الذي سوف يعمل. وبطبيعة الحال، وأسهل طريقة لاختيار البرنامج الذي قمت بإنشاء رمز موقع الأساسي. ولكن من الأفضل لاستخدامها لهذا الغرض المفكرة الخوالي.
قد تسأل، لماذا تعقيد حياتك، لأنك إذا فعلت كل شيء الحق في المحرر، فإن النتيجة يمكن أن ينظر فورا، أيضا، وحتى يطالب البرنامج للاستخدام.
نعم، هذا صحيح، ولكن لإنشاء جدول من الصفر، وأنك لن تكون قادرة على إجراء دراسة شاملة للمبدأ الخلق، ولكن أيضا لمنع الأخطاء المطبعية محرجة والأخطاء في التعليمات البرمجية الأساسية. أحيانا يحدث من قبيل الصدفة أن المؤشر يتم نقل إلى أسفل، وعملية كتابة التعليمات البرمجية في الخطأ تزحف في، والتي من الصعب أحيانا العثور عليها. إنشاء جدول في دفتر، يمكنك نسخ كود ولصقه في المكان المناسب لك.
خوارزمية لإنشاء الجدول
للبدء، وجعل خوارزمية قصيرة، وكيفية عمل جدول في HTML. هذا هو ضمان أن تفهم تسلسل كل خطوة. ثم تحليل بالضبط كيفية تنفيذ كل بند من البنود.
دعونا نبدأ مع الإجراءات التحضيرية.
1. رسم التخطيطي على الصورة ورقة الجدول.
2. حساب عدد من الصفوف والخلايا. وإذا كان عدد من الماضي مختلفة - التفكير في كل ryadochka على حدة.
3. تحديد عدد الخلايا في صف الرأس (على سبيل المثال، «№» خلية "اسم" ور. د.).
4. كتابة المعالم الرئيسية من الجدول - اللون والطول والعرض، محاذاة النص - وباختصار، كل ما يبدو أنك مناسبا.
ثم انتقل مباشرة إلى إنشاء الجدول:
1. إدراج جدول العلامات.
2. إدراج العلامات من خطوط تعتمد على المبلغ الذي تحتاجه.
3. الصفوف إدراج علامات من الخلايا (العادية والأحرف الكبيرة)، وأيضا على أساس القيمة التي سجلت على الورق.
4. تعيين المعلمات للجدول بأكمله.
5. إذا كنت تحتاج إلى تعيين المعلمات من أجل الخلايا الفردية.
6. املأ نص خلية لدينا.
إنشاء جدول
لذلك، يمكنك اختيار المحرر، الآن دعونا ننظر في كيفية إنشاء جدول في HTML. (
) يتم إدخال هذا الكود يسمح الجدول إلى يقترن رمز صفحة، وهذا هو، يبدأ البناء لدينا مع هذه العلامة وينتهي .
إدراج جدول العلامات، والشروع في إنشاء الصفوف والخلايا.
الآن، نلاحظ أن يتم إقران أيضا هذه العناصر. العلامة
تعرف سلسلة، و| - الخلايا.
لخلايا العليا يجب استخدام عناصر يقترن <ال>.
كما سبق ذكره، فإن الخطوة الأولى هي لرسم خط، ثم لديهم لتسجيل الخلية. من أجل تجنب الارتباك، فمن المستحسن أن تفعل أي الحشو بين كل كتلة في سطر أو اثنين، وإلا لوصف العناصر كتلة جديدة باستخدام مفتاح "الجدولة".
كيف يمكن أن تبدو وكأنها؟ شيء من هذا القبيل:
- <جدول>.
-
. - <ث> № ع / ع .
- <ث> اسم .
- .
-
. -
| 1 | . -
ايفانوف . - .
- .
كما ترون، لا شيء معقد حول هذا الموضوع. الشيء الرئيسي - لا تضيع في عدد من الصفوف والخلايا. وإلا، يتم إمالة الطاولة.
نحن تفكيكها لإنشاء جدول في HTML، الآن يمكننا أن ننتقل إلى المعلمات على حد سواء مصفوفة والصفوف والخلايا.
خيارات الجدول عندما يتم كتابة التعليمات البرمجية، لا بد من الالتفات إلى النقاط التالية: محاذاة في الجدول في HTML، لون الحدود والخلفية، والنص، وهلم جرا.
يتم تحديد المعلمات في العلامة الجدول . وتشمل هذه:
1. الحدود - عرض الحدود. يحددها عدد صحيح. افتراضيا، أي حدود الجدول تتلاشى.
2. ون_الحدود - لون الحدود. ويمكن أن يعطى كلون عشري (# 00008B)، واسمه على angliykom (أزرق غامق). افتراضيا، هو دائما الرمادي.
3. BGCOLOR - لون الخلفية. على النحو الذي يحدده قانون أو اسم.
4. محاذاة - محاذاة النص للجدول. الافتراضي - على اليسار. هناك الخيارات التالية لهذه المعلمة:
- اليسار - التفاف اليمنى.
- الحق -obtekanie إلى اليسار.
- مركز - جدول الإخراج في منتصف مع أي تدفق.
5. العرض والارتفاع - العرض والارتفاع من الجدول. ويمكن أن يكون إما بالبكسل أو كنسبة مئوية (نسبة إلى حجم نافذة المتصفح).
وصف مؤشر معين، يجب أن تولي اهتماما خاصا للتصميم. بعد تحديد المعلمة للذهاب علامة "المساواة"، وبعد ذلك في الاقتباس يشير إلى قيمة محددة سلفا.
أما بالنسبة للون النص، ثم جعل من ذلك في نفس الطريق كنص عادي في تنسيق HTML.
مثال على جدول:
- <الحدود الجدول = "2" ون_الحدود = "# 00008B" BGCOLOR = "# FFFFFF" محاذاة = "مركز" العرض = "800" ذروة = "800">.
-
. - <ث> № ع / ع .
- <ث> اسم .
- .
-
. -
| 1 | . -
ايفانوف . - .
- .
معلمات الصفوف لذلك قمنا سبق أن حظيت بها كيفية عمل جدول في HTML ووصف المعلمات الرئيسية. ولكن ما إذا كنا بحاجة إلى تخصيص سلسلة؟ راجع لها وليس كما الجسم الرئيسي من الجدول؟
مكتوبة معلمات سطر في العلامة | في نفس الطريقة كما في جدول البيانات. على خط ويمكن تعريف المتغيرات التالية:
1. تعرف إذا لك الحدود، ون_الحدود وBGCOLOR.
2. محاذاة - محاذاة النص في السطر. يمكن أن يكون تعيين إلى اليسار والوسط واليمين.
3. Valign - العلامة محاذاة النص عموديا. فإنه يأخذ القيم التالية:
- يتم محاذاة النص إلى الحدود العليا - أعلى.
- وسط - في الوسط،
- أسفل - الحافة السفلية.
مثال إزالة السطر:
-
. - <ث> № ع / ع .
- <ث> اسم .
- .
خلايا المعلمات وآخر شيء ينبغي أن تولي اهتماما لأولئك الذين يرغبون في معرفة كيفية عمل جدول في HTML - المعلمات من الخلايا الفردية، سواء وضعها الطبيعي ورأس المال. في الواقع، كل شيء يتم في نفس الطريقة كما لجدول أو صف. وأضاف فقط عنصرين هامين:
1. كولسبان - تحدد هذه المعلمة عدد الأعمدة التي الخلية قد تمتد.
2. روسبان - يشير بالفعل عدد الصفوف من هذه الخلية المحتلة.
منذ التصميم لا يختلف عن خط وصفة طبية، فإنه لن يؤدي إلى نموذج التعليمات البرمجية.
النتائج عمل جدول ليست صعبة كما قد يبدو للوهلة الأولى. الشيء الرئيسي عند كتابة التعليمات البرمجية الخاصة به - المثابرة والاهتمام.
أما عن كيفية إدراج جدول في HTML، ثم رقمه يكفي لنسخه ولصقه في مكان صفحتك، والتي، في رأيك، يجب أن توضع.
لا تخافوا لهذه التجربة، وسرعان ما كنت تتقن تماما تقنية إنشاء الجداول. حظا سعيدا!
|
| |
|