يتم عرض الصور ، مثل جميع العناصر الأخرى لصفحة الويب ، بواسطة المتصفح وفقًا للإرشادات التفصيلية التي يرسلها الخادم. تمت كتابة هذه التعليمات بلغة HTML (لغة ترميز النص التشعبي) وتتكون من "علامات". تصف العلامات نوع جميع عناصر صفحة الويب وموقعها ومظهرها.
تعليمات
الخطوة 1
تحتاج أولاً إلى تحميل ملف الصورة على الخادم. يمكن القيام بذلك باستخدام FTP (بروتوكول نقل الملفات) من خلال برنامج خاص. تسمى هذه البرامج عملاء FTP - على سبيل المثال ، Cute FTP و WS FTP و FlashFXP وغيرها. ولكن يمكنك تنزيله من خلال مدير الملفات ، والذي يجب أن يكون في لوحة التحكم الخاصة بالاستضافة التي يتم استضافة موقعك عليها. يسمح لك مدير الملفات بتحميل الملفات من خلال متصفحك.
الخطوة 2
بعد ذلك ، تحتاج إلى وضع العلامة المقابلة في كود html للصفحة المطلوبة. بمعنى ، يجب أن تجد هذه الصفحة وتفتح كود المصدر الخاص بها للتحرير. إذا كان لديك ملف صفحة ، فيمكنك فتحه باستخدام محرر نصوص بسيط - على سبيل المثال ، المفكرة القياسية. وإذا كنت تستخدم أي نظام لإدارة الموقع ، فعندئذ في لوحة إدارة هذا النظام ، ابحث عن محرر الصفحة وافتح الصفحة المطلوبة فيه. بعد ذلك ، يبقى إدخال علامة الصورة في المكان الذي تريده بالصفحة وحفظ التغييرات.
الخطوه 3
مزيد من المعلومات حول العلامة نفسها - في أبسط أشكالها ، يمكن أن تبدو على النحو التالي: تحتوي العلامة على معلومات إضافية متنوعة - "السمات". هناك سمة واحدة فقط مطلوبة لعلامة الصورة - src. إنه يخبر المتصفح بالعنوان الذي يجب أن يحصل فيه على الملف الذي يحتوي على carnink. إذا كان هذا الملف موجودًا على الخادم في نفس المجلد (أو المجلد الفرعي) مثل الصفحة نفسها ، فعندئذٍ يكفي تحديد اسمه أو مسار المجلد الفرعي فقط. تسمى هذه العناوين "النسبية". وقد يبدو العنوان المطلق كالتالي:
- سمة أخرى - alt="صورة" - تحتوي على النص الذي يظهر في تلميح الأدوات عند تمرير الماوس: السمات الأخرى - العنوان تفعل الشيء نفسه: - سمتان - العرض والارتفاع - حدد حجم المستطيل الذي سيعرض المتصفح الصورة: هذه السمات غير مطلوبة ، ولكن إذا حدث خطأ ما ولم تتمكن الصورة من التحميل ، فقد تكون جميع العناصر الأخرى في الصفحة في غير مكانها ، نظرًا لأن المتصفح لا يتعرف على الأبعاد التي يجب أن تحتل الصورة. يتم تحديد الأبعاد في "وحدات البكسل" - هذه هي وحدة القياس الرئيسية المستخدمة في تخطيط الصفحة. - تحدد سمة الحدود عرض الحد حول الصورة (بالبكسل): إذا تم إنشاء رابط للصورة ، فسيرسم المتصفح حد أزرق حوله بشكل افتراضي. للتخلص منه ، تحتاج إلى ضبط قيمة الحد على صفر: - سمتان تعيّن المسافة البادئة للصورة من العناصر المجاورة (على سبيل المثال ، من سطور النص) - hspace يحدد المسافة البادئة الأفقية (يسار ويمين) ، vspace - عموديًا (أسفل وأعلى): - هذه هي السمات الأكثر استخدامًا ، وهناك أكثر من 50 سمة لهذه العلامة!
