اضافة أيقونة إلى صفحة ويب | Favicon
السلام عليكم انا اكرم تك من تكنومي مقال اليوم من كورس html الجديد وهو
عن طريقة اضافة ايقونة للموقع من خلال html وفي هذا المقال سنريكم الطريقة
المستعملة وشرح اكوادها
طريقة اضافة ايقونة للموقع
سوف نقوم بكتابة هذه الكواد في محرر الاكواد:
لتحديد الشعار (الأيقونة) يجب إضافة الوسم link
<!DOCTYPE html> <html> <head> <title> Facebook </title> </head> <body> Welcome to Facebook </body> </html>
<link rel="shortcut icon" href="fb.png" />
خصائص الكود:
الإسم | الشرح |
rel | لتحديد نوعية الملف الذي نريد ربطه بالصفحة المحددة، و هنا تمّ اسناد القيمة shortcut icon لأننا نريد إضافة شعار لصفحة الويب. |
href | لتحديد مسار الصورة التي نريدها كشعار لصفحة الويب مع تحديد إمتداد تلك الصورة. |
و سوف يكون الكود كالتالي:
و سنلاحظ وجود الشعار بجانب عنوان الصفحة