English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

تعليمية HTML الأساسية

وسائط HTML

دليل مرجعي HTML

دليل تعليمي أساسي HTML5

API HTML5

وسائط HTML5

مكونات إضافية HTML

يتمدد وظيفة المتصفح HTML بواسطة الملحق.

HTML مساعد (ملحق)

البرنامج المساعد (helper application) هو برنامج يمكن تشغيله من قبل المتصفح. البرنامج المساعد يُسمى أيضًا الملحق.

يمكن استخدام البرنامج المساعد لعرض الأغاني والفيديو (وغيرها). البرنامج المساعد يتم تحميله باستخدام علامة <object>.

ميزة استخدام البرنامج المساعد لعرض الفيديو والأغاني هي أنك تستطيع السماح للمستخدمين بتحكم جزئي أو كامل في إعدادات العرض.

يمكن إضافة المكونات الإضافية من خلال علامة <object> أو علامة <embed> في الصفحة. 

يسمح معظم التطبيقات المساعدة بضبط إعدادات الصوت وتحكم في وظائف اللعب (مثل التراجع، التوقف، التشغيل والاستماع) يدويًا أو برمجيًا.

يمكننا استخدام علامات <video> و <audio> لعرض الفيديو والصوت

علامة <object>

يدعم جميع المتصفحات الشائعة علامة <object>.

علامة <object> تعرف العنصر المدمج في وثيقة HTML.

استخدم هذه العلامة لوضع العناصر (مثل إدراج برمجيات Java، ماسح PDF،   مプレイヤー) .

مثال

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>أساسيات التعليمات (oldtoolbag.com)</title> 
</head>
<body>
<object width="400" height="50" data="/run/html/bookmark.swf"></object>
 
</body>
</html>
اختبار لرؤية <</>>
يمكن استخدام علامة <object> أيضًا لتحتوي على ملفات HTML:

مثال

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>أساسيات التعليمات (oldtoolbag.com)</title> 
</head>
<body>
<object width="100%" height="500px" data="/run/demo_iframe.html"></object>
 
</body>
</html>
اختبار لرؤية <</>>

أو إدراج صورة:

مثال

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>أساسيات التعليمات (oldtoolbag.com)</title> 
</head>
<body>
<object data="/static/images/logo-n.png"></object>
 
</body>
</html>
اختبار لرؤية <</>>

علامة <embed>

يدعم جميع المتصفحات الشائعة علامة <embed>.

علامة <embed> تمثل عنصر HTML Embed.

علامة <embed> كانت موجودة لفترة طويلة، ولكن لم يتم توضيحها بشكل دقيق قبل HTML5، حيث يتم التحقق من علامة <embed> في صفحات HTML5، ولكن لا يتم التحقق منها في HTML4.

مثال

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>أساسيات التعليمات (oldtoolbag.com)</title> 
</head>
<body>
<embed width="400" height="50" src="/run/html/bookmark.swf">
</body>
</html>
اختبار لرؤية <</>>

الاحتياط: لا تحتوي علامة <embed> على علامة إنهاء. لا يمكن استخدام النص البديل.

يمكن استخدام علامة <embed> أيضًا لتحتوي على ملفات HTML:

مثال

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>أساسيات التعليمات (oldtoolbag.com)</title> 
</head>
<body>
<embed width="100%" height="500px" src="/run/demo_iframe.html">
</body>
</html>
اختبار لرؤية <</>>

أو إدراج صورة:

مثال

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>أساسيات التعليمات (oldtoolbag.com)</title> 
</head>
<body>
<embed src="/static/images/logo-n.png">
</body>
</html>
اختبار لرؤية <</>>