كيفية عمل خلفية في لغة تأشير النص الفائق

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

كيفية عمل خلفية في لغة تأشير النص الفائق
كيفية عمل خلفية في لغة تأشير النص الفائق

فيديو: كيفية عمل خلفية في لغة تأشير النص الفائق

فيديو: كيفية عمل خلفية في لغة تأشير النص الفائق
فيديو: How to write text on image using HTML and CSS 2024, شهر نوفمبر
Anonim

تميل صفحة الويب التي تحتوي على خلفية إلى أن تبدو أجمل من دونها. تعتمد صحة عرض صفحة الويب على الإجراءات المختصة لإضافة الخلفية.

كيفية عمل خلفية في لغة تأشير النص الفائق
كيفية عمل خلفية في لغة تأشير النص الفائق

تعليمات

الخطوة 1

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

الخطوة 2

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

الخطوه 3

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

الخطوة 4

يمكن عمل خلفية مستند html باستخدام لغات البرمجة. يمكنك كتابة تعليمات html باستخدام JavaScript. بناء لغة document.write مناسب لهذا. إذا تم التعبير عن نفس الشيء من خلال DOM ، فإن العبارة document.body.style.backgroundColor = "red" ستجعل خلفية الصفحة حمراء. هذا هو نفس كتابة السمة المناسبة مباشرة في CSS.

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

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

موصى به: