القائمة الرئيسية

الصفحات

شرح العنصر embed في HTML

مرحبا بك يا طالبي العزيز ، في درسنا السابق تطرقنا لكيفية عرض ملفات pdf في صفحة الويب أو موقعنا في ال html ، باستخدام العنصر embed ، وفي هذا الدرس سنتعلم مفهوم العنصر embed ،وفي ماذا ينفع هذا العنصر ؟ وكيف نستخدمه ؟ وأي نوع من وسم ال html هو ؟

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

أولا إن العنصر embed هو عنصر مهم جدا لك ، إذا كنت تريد إنشاء مواقع إحترافية. فمن خلاله يمكنك عرض محتوى مواقع اخرى  مثل موقع codershiyar الخ... لكن هناك بعض المواقع لا تتيح لك هذه الفرصة لعرض موقعها أو المحتوى اللتي تقدمه ، لأنها محمية مثل موقع facebook أو YouTube أو Twitter... وأغلب هذه المواقع تكون مواقع ضخمة و مشهورة.

المهم ، لننتقل لكيفية عرض محتوى مواقع اخرى بالموقع الخاص بنا ، أول خطوة هي إنشاء العنصر embed مثال </""=embed في هذا المثال قمنا بإنشاء العنصر embed ، ولكن لم نقم بتحديد رابط الموقع داخل الخاصية src إذا لنفترض أننا نريد عرض موقع academy.codershiyar.com داخل موقعنا ، فماذا علينا القيام به؟ ، لكي تقوم بإظهار موقع ما بالموقع الخاص بك عليك القيام بالتالي : 

1 إنشاء العنصر embed بنجاح

2 نسخ و لصق رابط الموقع في داخل الخاصية src

3 الدخول لصفحة الويب و التأكد من ظهور الموقع

 ⚠ ملاحظة   : إذا ظهر لك " أنك لايمكنك إظهار الموقع التالي بصفحة الويب أو الموقع الخاص بك " فهذا يعني أن ذلك الموقع محمي.


بعدما تطرقنا لكيفية عرض محتوى موقع اخر على موقعنا ، يمكننا إضافة الخاصية width و height أيضا لتجميل أو تحسين المظهر مثال: </"embed src="academy.codershiyar.com" width="90%" height="500px>


مشاهدة الدرس



تعليقات