كيفية ملء الخلفية في Html

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

كيفية ملء الخلفية في Html
كيفية ملء الخلفية في Html

فيديو: كيفية ملء الخلفية في Html

فيديو: كيفية ملء الخلفية في Html
فيديو: 14- صور الخلفية - HTML Background Image 2024, يمكن
Anonim

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

كيفية ملء الخلفية في html
كيفية ملء الخلفية في html

تعليمات

الخطوة 1

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

الخطوة 2

ابحث عن العلامة في مصدر HTML للصفحة. لجعل الخلفية صلبة وملونة ، أضف متغير bkcolor مع وسيطة كرمز لوني. بعد ذلك ، سيبدو البناء على النحو التالي: <body bkcolor = rrggbb: gt ؛، حيث rr و gg و bb هي أرقام سداسية عشرية في النطاق من 00 إلى FF. أولهما يحدد شدة المكون الأحمر ، والثاني - إلى الأخضر ، والثالث - إلى الأزرق.

الخطوه 3

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

الخطوة 4

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

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

بدلاً من المتغير bkcolor ، أضف متغير الخلفية إلى العلامة باستخدام وسيطة كاسم ملف الصورة. الآن سيبدو بالشكل التالي: حيث fon

الخطوة 6

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

موصى به: