أتش تي أم أل (لغة ترميز النص التشعبي) هي لغة ترميز تستخدم لإنشاء بنية ومظهر صفحات الويب. باستخدامه ، يمكنك بسهولة إضافة عناصر مختلفة مثل النصوص والروابط والجداول والصور إلى موقع الويب الخاص بك. أحد العناصر المهمة والمهمة لصفحة الويب هو الصورة التي يمكن استخدامها لتزيين وتحديد صفحة معينة من الموقع.
عند إنشاء صفحة ويب ، ربما تريد أن تحتوي علامة التبويب التي يتم عرضها بواسطة متصفح الويب على صورة بدلا من الرمز القياسي. في الواقع ، من السهل جدا القيام بذلك. في هذه المقالة ، سوف ننظر في تعليمات مفصلة للمبتدئين حول كيفية إضافة صورة إلى علامة التبويب هتمل موقعك.
أولا وقبل كل شيء ، تحتاج إلى أن يكون الصورة التي تريد استخدامها. يمكن أن تكون أي صورة تختارها ، ولكن عادة ما يكون من الممارسات الجيدة استخدام صورة تحدد صفحة الويب الخاصة بك أو شعار موقعك جيدا. يمكنك أيضا استخدام الأداة لإنشاء رمز صورة سيتم عرضه في علامة تبويب موقعك.
وثيقة أتش تي أم أل الخاصة بك:
- كيفية وضع صورة على علامة تبويب موقع هتمل
- الخطوة 1: إنشاء علامة
- الخطوة 2: إضافة فافيكون إلى الموقع
- الخطوة 3: إعداد رابط مع الصورة
- الخطوة 4: تأكد من توفر الصورة
- الخطوة 5: احفظ التغييرات وأعد تحميل الصفحة
- سؤال وجواب
- كيفية إنشاء وحفظ صورة في الشكل.إيكو?
- أين يجب أن أضيف رابطا إلى رمز في رمز هتمل?
- كيف يمكنني تحميل رمز إلى خادم الويب?
- كيف يمكنني التحقق من تشغيل الرمز على الموقع?
كيفية وضع صورة على علامة تبويب موقع هتمل
عندما يفتح مستخدم موقع ويب ، تعرض معظم المتصفحات اسم صفحة الويب في علامة تبويب المتصفح. ولكن بدلا من النص ، يمكنك وضع رمز أو صورة في علامة التبويب ، والتي ستكون فريدة من نوعها وستساعد على تحديد الموقع بشكل أفضل.
في هتمل ، يمكنك وضع صورة على علامة تبويب الموقع باستخدام علامة. إليك كيفية القيام بذلك:
- قم بإنشاء الصورة التي تريد استخدامها في علامة التبويب الموقع. تتضمن تنسيقات الصور المدعومة .إيكو, .بابوا نيو غينيا, .جبغ و .(سفغ). حجم الصورة هو عادة 16 pixels 16 بكسل أو 32 pixels 32 بكسل.
- احفظ الصورة وقم بتحميلها على استضافة موقع الويب الخاص بك أو إلى موقع آخر متاح. تأكد من أن لديك عنوان ورل للصورة.
- الصق كود هتمل التالي بين العلامات وفي كود هتمل الخاص بك:
ملاحظة: يجب استبدال" المسار إلى الصورة " بالمسار الفعلي لصورتك.
على سبيل المثال ، إذا كانت صورتك في نفس المجلد مثل ملف هتمل ويسمى "فافيكون.إيكو " ، فإن رمز تبدو مثل هذا:
إذا كانت صورتك في مجلد مختلف أو لها اسم مختلف ، فحدد المسار الكامل للصورة ، بدءا من المجلد الجذر للموقع.
بعد إدخال هذا الرمز ، عند فتح موقعك ، سيتم عرض الصورة التي حددتها في علامة تبويب المتصفح.
تأكد من أن موقع الويب والمتصفح يدعمان هذه الميزة. قد لا يتم عرض رمز الموقع في علامة التبويب في جميع المتصفحات أو على جميع الأجهزة.
الخطوة 1: إنشاء علامة
تتمثل الخطوة الأولى لإضافة صورة إلى علامة تبويب هتمل بالموقع في إنشاء علامة تحتوي على معلومات حول الصورة.
للقيام بذلك ، يتم استخدام علامة ، وهي علامة فارغة ولا تحتوي على أي محتوى.
ومع ذلك ، لتحديد السمات والقيم التي تحدد خصائص الصورة ، يجب عليك استخدام سمات هذه العلامة.
تتضمن السمات التي سيتم تحديدها في العلامة ما يلي:
- ريل-يحدد العلاقة بين المستند الحالي والرابط ، وفي حالة وجود صورة — يشير إلى أنه رمز علامة تبويب;
- نوع-يحدد نوع المورد ، في حالة رمز علامة التبويب ، يتم استخدام " صورة / ينغ;
- هريف-يحدد المسار إلى الصورة.
مثال على استخدام علامة لإضافة صورة إلى علامة تبويب الموقع:
لاحظ أنه يجب تحديد المسار إلى الصورة بشكل صحيح في سمة هريف.
الآن ، بعد إنشاء العلامة بالسمات الضرورية ، يمكنك المتابعة إلى الخطوة التالية — تكوين مظهر رمز علامة التبويب.
الخطوة 2: إضافة فافيكون إلى الموقع
الرمز المفضل هو رمز صغير يظهر بجوار اسم موقع ويب في علامة تبويب المتصفح. يساعد المستخدمين على تعلم وتذكر الموقع. من المهم إضافة فافيكون للمظهر المهني لموقع الويب الخاص بك.
لإضافة رمز مفضل إلى موقعك ، اتبع الخطوات التالية:
- إنشاء صورة ل فافيكون. عادة ما يكون فافيكون حجم 16 pixels 16 بكسل أو 32 pixels 32 بكسل في الشكل.إيكو أو .بابوا نيو غينيا. يمكنك أيضا استخدام رمز جاهز أو شعار موقع ويب.
- احفظ صورة الأيقونة المفضلة في المجلد الجذر لموقعك.
- أضف الكود التالي إلى قسم مستند هتمل الخاص بك:
بدلا من " فافيكون.بابوا نيو غينيا " ، حدد المسار إلى ملف صورة فافيكون على موقعك. على سبيل المثال ، إذا كانت الصورة تسمى "فافيكون.إيكو " ويقع في المجلد الجذر من موقع الويب الخاص بك ، فإن رمز تبدو مثل هذا:
احفظ التغييرات وافتح موقعك في متصفح. يجب الآن عرض الرمز المفضل لديك في علامة التبويب.
يرجى ملاحظة أن بعض المتصفحات قد تبحث تلقائيا عن ملف يسمى " فافيكون.إيكو " في المجلد الجذر للموقع. إذا كنت تريد استخدام ملف باسم أو تنسيق مختلف ، فتأكد من تحديد المسار الصحيح للملف في الكود.
الخطوة 3: إعداد رابط مع الصورة
الآن بعد أن أصبح لديك صورة ، تحتاج إلى إعداد رابط لها بحيث تظهر في علامة تبويب موقعك. للقيام بذلك ، سوف تحتاج إلى استخدام علامة هتمل .
1. الصق الكود التالي داخل علامة مستند هتمل:
2. استبدل" المسار إلى بطاقتك " بالمسار إلى صورتك. على سبيل المثال ، إذا كانت صورتك في مجلد "الصور" وتسمى "فافيكون".بابوا نيو غينيا " ، سيبدو المسار كما يلي:
3. احفظ التغييرات في ملف هتمل الخاص بك.
بعد الانتهاء من هذه الخطوات ، سيتم ربط صورتك بعلامة تبويب موقعك. الآن ، عند فتح موقعك باستخدام متصفح ويب ، سيتم عرض الصورة في علامة التبويب بدلا من الرمز القياسي.
الخطوة 4: تأكد من توفر الصورة
بعد إضافة الرمز لإدراج الصورة في علامة تبويب الموقع ، من المهم التأكد من أن الصورة نفسها متاحة وعرضها بشكل صحيح.
للقيام بذلك ، يمكنك اتباع الخطوات التالية:
- افتح متصفح الويب.
- في شريط العناوين ، أدخل عنوان موقعك واضغط على إدخال.
- انتظر حتى يتم تحميل الصفحة بالكامل.
- انظر إلى علامة التبويب الخاصة بك-يجب أن تكون الصورة مرئية عليها.
إذا لم يتم عرض الصورة ، فتحقق من النقاط التالية:
- تأكد من تحديد المسار إلى ملف الصورة بشكل صحيح في التعليمات البرمجية.
- تحقق من وجود ملف الصورة نفسه ويمكن الوصول إليه عن طريق المسار المحدد.
- إذا كانت الصورة على خادم بعيد ، فتأكد من أن لديك حق الوصول إلى هذا الخادم.
إذا تم إجراء جميع الإعدادات بشكل صحيح ، ولكن استمرت مشكلة عرض الصورة ، فقد تكون هناك مشكلة في ملف الصورة نفسه. في هذه الحالة ، تحقق من تنسيق الملف (الامتداد) وحاول استخدام صورة أخرى بتنسيق مناسب.
بعد التحقق من توفر الصورة وعرضها الصحيح ، يمكنك المتابعة إلى الخطوة التالية – تكوين أنماط ومظهر علامة تبويب موقعك.
الخطوة 5: احفظ التغييرات وأعد تحميل الصفحة
بعد إجراء جميع التغييرات اللازمة على رمز مستند هتمل الخاص بك ، فقد حان الوقت لحفظ الملف وإعادة تحميل صفحة الويب الخاصة بك لرؤية التغييرات في العمل.
حفظ التغييرات:
- صحافة السيطرة + ق لفتح نافذة حفظ الملف.
- حدد المسار إلى المجلد حيث يتم تخزين ملف هتمل الخاص بك.
- أدخل اسم الملف وأضف الامتداد".أتش تي أم أل "في نهاية اسم الملف (على سبيل المثال ،" الفهرس.أتش تي أم أل ").
- انقر فوق الزر" حفظ " لحفظ التغييرات.
إعادة تحميل صفحة ويب:
- افتح متصفح الويب الذي فتحت فيه ملف هتمل.
- صحافة السيطرة + ص لإعادة تحميل الصفحة.
- يمكنك أيضا النقر فوق الزر" تحديث " في شريط أدوات المتصفح.
الآن يجب أن تشاهد التغييرات التي أجريتها على رمز هتمل على صفحة الويب الخاصة بك. إذا كنت لا ترى أي تغييرات ، فتأكد من حفظ الملف بشكل صحيح وإعادة تحميل الصفحة بشكل صحيح.
ملاحظة: إذا لم يتم عرض التغييرات التي أجريتها ، فربما تكون قد أجريت تغييرات غير صحيحة على الرمز أو تم حفظ الملف بتنسيق خاطئ. تحقق من التعليمات البرمجية الخاصة بك وتأكد من أنها مكتوبة بشكل صحيح وحفظها كملف هتمل.
سؤال وجواب
كيفية إنشاء وحفظ صورة في الشكل.إيكو?
لإنشاء وحفظ صورة في الشكل .إيكو ، يمكنك استخدام الخدمات عبر الإنترنت أو البرامج الخاصة. على سبيل المثال ، يمكنك استخدام خدمة مولد فافيكون (https://www .favicon-generator.org /) ، قم بتحميل صورتك ، وحدد الإعدادات المطلوبة وقم بتنزيل الرمز النهائي في .شكل إيكو. يمكنك أيضا استخدام برامج تحرير الصور Photoshop مثل فوتوشوب أو الأعرج وحفظ الصورة في شكل.إيكو عبر إعدادات حفظ المناسبة.
أين يجب أن أضيف رابطا إلى رمز في رمز هتمل?
يجب إضافة الرابط إلى الرمز إلى قسم شفرة هتمل الخاصة بك. للقيام بذلك ، يمكنك استخدام علامة مع السمة "ريل" مع قيمة "رمز" والسمة "هريف" ، الذي يحدد المسار إلى الرمز الخاص بك. مثال:
كيف يمكنني تحميل رمز إلى خادم الويب?
لتحميل رمز إلى خادم ويب ، تحتاج إلى الوصول إلى نظام ملفات الخادم. يمكنك تحميل الرمز إلى الخادم عبر عميل بروتوكول نقل الملفات مثل فايلزيلا عن طريق تحديد المجلد المناسب وسحب الملف إلى الخادم. بعد تحميل الرمز إلى الخادم ، يجب أن يكون لديك المسار الصحيح إليه في سمة "هريف" للعلامة في رمز هتمل الخاص بك.
كيف يمكنني التحقق من تشغيل الرمز على الموقع?
للتحقق من كيفية عمل الرموز على موقع ما ، تحتاج إلى فتح موقعك في متصفح يدعم الرموز مثل جوجل كروم أو موزيلا فايرفوكس. بعد تحميل الصفحة ، يجب أن ترى الرمز الخاص بك في علامة تبويب المتصفح. إذا لم يتم عرض الرمز أو تم عرضه بشكل غير صحيح ، فتحقق من المسار الصحيح للرمز في شفرة هتمل وعلى الخادم.