استخدم CSS لتحديد مظهر صفحة الويب.
يستخدم مبرمج صفحة الويب لغة ترميز النص التشعبي لإخبار مستعرض الويب بالغرض الوظيفي لكل عنصر في الصفحة ، مثل فقرة أو عنوان أو قائمة. منذ HTML 4 ، قدمت Cascading Style Sheets للمبرمج طريقة لإخبار المتصفح كيف يجب أن يبدو كل عنصر من هذه العناصر ، بعيدًا عن تحديد ماهيتها. يمكن أن تحتوي الصفحة على أنماط CSS مختلفة لأنواع مختلفة من الأجهزة ، مثل الهواتف المحمولة وأجهزة كمبيوتر سطح المكتب ، مما يسمح بتغيير مظهر الصفحة دون حاجة المبرمج إلى تغيير HTML. استخدم خصائص CSS لتوسيط الصورة.
الخطوة 1
ضع علامة "img" في ملف HTML حيث تريد عرض صورتك على صفحة الويب. يجب أن يكون بين علامتي "body" وبعد "h1". على سبيل المثال،
فيديو اليوم
هذا هو النص الخاص بك.
يحدد صورة باسم photo.jpg بعرض 170 بكسل وطول 50 بكسل. إنه أول شيء في الصفحة بعد العنوان العلوي.
الخطوة 2
استخدم سمة "الهامش" CSS لتحديد المسافة حول عناصر الصفحة ، مثل الصور. تخبر القيمة "auto" لسمة الهامش متصفح الويب بتحديد مقدار المساحة تلقائيًا. وبالتالي، يعرّف أن المساحة حول الصورة يتم تحديدها بواسطة المتصفح.
الخطوه 3
استخدم خاصية "العرض" لتعريف كيفية عرض عنصر الصفحة. تخبر قيمة "block" لخاصية العرض مستعرض الويب أن يعرض العنصر في السطر الخاص به ، مع ترك مسافة أعلى وأسفل. وبالتالي،
يعرّف نفس الصورة ، لكن إضافة "display: block؛" الآن يضعها على خطها الخاص.الخطوة 4
اعرض صفحة الويب في عدة مستعرضات مختلفة للتحقق من توسيط الصورة بشكل صحيح.
نصيحة
قم بتضمين وصف الصورة داخل علامة "alt". هذا يجعل صفحتك في متناول القراء ضعاف البصر ويضمن أن التعليمات البرمجية الخاصة بك متوافقة مع المعايير.
