كيف تضيف صورة الى الموقع

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

كيف تضيف صورة الى الموقع
كيف تضيف صورة الى الموقع

فيديو: كيف تضيف صورة الى الموقع

فيديو: كيف تضيف صورة الى الموقع
فيديو: الدرس الثاني: ادراج صورة الى صفحة الانترنت باستخدام لغة HTML 2024, يمكن
Anonim

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

كيف تضيف صورة الى الموقع
كيف تضيف صورة الى الموقع

تعليمات

الخطوة 1

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

الخطوة 2

قم بتحميل الصورة على الخادم الذي يستضيف موقعك ، أو إلى أي بنك صور (على سبيل المثال ، radikal.ru). انسخ عنوان الصورة واحفظه في مستند نصي.

الخطوه 3

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

الخطوة 4

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

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

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

الخطوة 6

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

الخطوة 7

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

موصى به: