كيفية استخدام HTML لإدراج شعار

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

الخطوة 1

حدد موقع ملف شعارك. ستحتاج إلى موقع الملف وامتداد صورة الشعار حتى تتمكن من إدراجه في الكود.

فيديو اليوم

الخطوة 2

افتح محرر الكلمات الخاص بك. افتح برنامج Notepad أو أي برنامج معالجة نصوص آخر لبدء كتابة التعليمات البرمجية الخاصة بك.

الخطوه 3

اكتب الكود لإدراج ملف الصورة. نوع الخطوة 4

أدخل معلومات "علامة بديل". هذا مفيد لمحركات البحث والمستخدمين الذين لا يستطيعون قراءة الصور. يمكن أن تتضمن هذه المعلومات اسم شركتك أو ببساطة رسالة شعارك. ستحتاج إلى إضافة هذا فورًا بعد قسم "img src" وإدراج النص حول فاصلتين علويتين.

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

حدد ارتفاع وعرض صورتك. تنتقل معلومات الطول والعرض مباشرة بعد سمة علامة alt الخاصة بك ويتم التفافها أيضًا حول الفواصل العليا. ستحتاج إلى كتابة ما يلي: العرض = "(عدد البكسل)" الارتفاع = "(عدد البكسل)".

الخطوة 6

أشر إلى معلومات الحدود ثم أغلق العلامة. سمك الحدود غير مطلوب لجميع الشعارات ، ولكن الافتراضي هو عادة "0". ستحتاج إلى كتابة ما يلي: border = "0" ثم إغلاق العلامة برمز '>' آخر.

الخطوة 7

احفظ الملف بامتداد htm. هذا هو ملف HTML الخاص بك الذي يمكنك استخدامه لمشروع التصميم الخاص بك.

الأشياء ستحتاج

  • برنامج Microsoft Paint أو Image

  • برنامج المفكرة أو برنامج معالجة النصوص الأساسي

نصيحة

يمكنك تغيير حجم صورتك بسهولة عن طريق تحرير العرض والارتفاع داخل HTML. عادةً ما يكون الإعداد الافتراضي لنمط الحدود هو 0. يمكنك جعل الشعار قابلاً للنقر عن طريق إضافة "" و "حول الصورة.

تحذير

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