Advertisements
HTML Element Reference (حسب التصنيف)
HTML Element Reference (حسب التصنيف) – فى هذه الصفحة ستجد جميع عناصر HTML (حسب التصنيف) التي تم إنشاؤها، لمساعدتك في العثور على العنصر(أو الوسم) الذى تريده بسهولة.
HTML Tags
HTML Metadata / Basic Tags
| الوسم | الوصف |
|---|---|
| <DOCTYPE!> | يحدد نوع المستند. |
| <html> | يحدد root (جذر) مستند HTML. |
| <head> | يحدد الجزء الرئيسي من المستند الذي يحتوي على معلومات حول المستند. |
| <body> | يحدد جسم أو المحتوى الأساسى للمستند. |
| <title> | يحدد عنوان المستند الذي يظهر في شريط عنوان المستعرض أو فى علامة تبويب الصفحة. |
| <meta> | يحدد البيانات الوصفية حول مستند HTML. |
| <link> | يحدد العلاقة بين المستند الحالي ومصدر خارجي. |
| <style> | يحتوي على معلومات نمط style لمستند أو جزء من مستند HTML. بداخلة يتم كتابة أكواد CSS لتحدد كيفية عرض الشكل النهائى لعناصر HTML في المستعرض. |
| <base> | يحدد عنوان URL الأساسي لجميع عناوين URL ذات الصلة داخل المستند. |
| <basefont> ❌ | يحدد الخط والحجم واللون الافتراضي لجميع عناصر المستند. البديل: إستخدم تنسيقات CSS. |
| <– –!> | يحدد التعليقات. |
HTML Text / Formatting Tags
| الوسم | الوصف |
|---|---|
| من <h1> إلى <h6> | يحدد عناوين HTML. |
| <p> | يحدد فقرة. |
| <abbr> | يحدد الإختصارات. |
| <acronym> ❌ | يحدد الإختصارات. الوسم البديل: <abbr>. |
| <address> | يحدد معلومات الاتصال لمؤلف، أو لمالك مستند. |
| <b> | يحدد النص بالخط العريض Bold. |
| <bdi> | يعزل جزءًا من النص يمكن تنسيقه في اتجاه مختلف عن النص الآخر. |
| <bdo> | يتجاوز اتجاه النص الحالي. |
| <blockquote> | يحدد قسمًا مقتبسًا من مصدر آخر. |
| <big> ❌ | يجعل حجم الخط أكبر بمستوى واحد من المحتوى المحيط به. البديل: إستخدم تنسيقات CSS. |
| <cite> | يحدد عنوان عمل، على سبيل المثال: كتاب أو مقال أو قصيدة أو فيلم، ..إلخ. |
| <center> ❌ | يحدد محاذاة المحتوى إلى الوسط. البديل: إستخدم تنسيقات CSS. |
| <code> | يحدد جزء من كود برمجى. |
| <del> | يحدد النص الذي تم حذفه من المستند. |
| <dfn> | يحدد المصطلح الذي سيتم تعريفه داخل المحتوى. |
| <em> | يحدد النص المؤكد. |
| <font> ❌ | يحدد الخط والحجم واللون للمحتوى. البديل: إستخدم تنسيقات CSS. |
| <ins> | يحدد نصًا تم إدراجه في مستند. |
| <i> | يحدد جزءًا من النص بصوت أو حالة مزاجية بديلة. |
| <kbd> | يحدد إدخال لوحة المفاتيح. |
| <mark> | يحدد النص المحدد أو المميز. |
| <meter> | يحدد قيمة عددية ضمن نطاق معروف أو قيمة كسرية. |
| <pre> | يحدد النص المنسق مسبقًا. |
| <q> | يحدد اقتباس قصير. |
| <rp> | يُستخدم لتوفير أقواس رجعية للمتصفحات التي لا تدعم عرض التعليقات التوضيحية لنصوص أو حروف روبي Ruby (غالبًا ما تستخدم فى شرق آسيا). |
| <rt> | يحدد النطق أو الشرح أو الترجمة العادية أو الترجمة الصوتية لأحرف روبي بأسلوب طباعة شرق آسيا في تعليق توضيحي روبي. |
| <ruby> | يحدد تعليقًا توضيحيًا لأحرف روبي ويتم عرضه أعلى النص الأساسي أو أسفله أو بجواره (غالبًا ما تستخدم فى شرق آسيا). |
| <s> | يحدد النص الذي لم يعد صحيحًا أو دقيقًا أو ذا صلة. |
| <samp> | يُستخدم لتضمين عينة مخرجات outputs من برنامج كمبيوتر. |
| <small> | يحدد النصوص الصغيرة ، مثل حقوق النشر والنص القانوني والتعليقات الجانبية الأخرى. |
| <strike> ❌ | يقوم بوضع خطًا strikethrough (خط أفقي) فوق النص. الوسم البديل: <s> أو <del>. |
| <strong> | يحدد النص ذو أهمية أو جدية كبيرة. |
| <sub> | يحدد النص السفلى. يظهر النص السفلى بنصف حرف أسفل السطر العادي. |
| <sup> | يحدد النص العلوى. يظهر النص العلوى بنصف حرف أعلى السطر العادي. |
| <template> | يٌستخدم كحاوية لإخفاء بعض محتوى HTML عن المستخدم عند تحميل الصفحة، ولكن يمكن عرض المحتوى الموجود داخل <template> لاحقًا أثناء وقت التشغيل باستخدام JavaScript. |
| <time> | يحدد فترة زمنية محددة سواء كان وقت / تاريخ (أو الإثنين معًا). |
| <tt> ❌ | يحدد النص الذي سيتم عرضه باستخدام خط أحادي المسافة الافتراضي للمتصفح أو خط ثابت العرض كما سيظهر على جهاز ذي عرض ثابت مثل teletype. الوسم البديل: <code> أو <samp> أو <pre> أو <var> أو <kbd>. |
| <u> | يحدد بعض النصوص غير المفصلية unarticulated بشكل مختلف عن النص العادي ، مثل الكلمات التي بها أخطاء إملائية. |
| <var> | يحدد متغير في معادلة رياضية أو برنامج كمبيوتر. |
| <wbr> | يحدد المكان المناسب لإضافة فاصل أسطر في النص. |
HTML Image Tags
| الوسم | الوصف |
|---|---|
| <img> | يحدد صورة. |
| <area> | يحدد منطقة داخل خريطة الصورة Image Map. |
| <map> | يحدد خريطة الصورة بالمناطق النشطة. |
| <canvas> | يٌستخدم لرسم رسومات سريعة عبر البرمجة النصية (عادةً بإستخدام JavaScript). |
| <svg> | يٌستخدم كحاوية لرسومات الـ SVG (Scalable Vector Graphics). |
| <picture> | يُستخدم لإعطاء مرونة لمطوري الويب لتحديد مصادر الصور. |
HTML Embedded Tags
| الوسم | الوصف |
|---|---|
| <embed> | يُستخدم كحاوية لتطبيق خارجي أو محتوى تفاعلي، مثل الصور أو مشغل وسائط (الصوت – الفيديو) أو صفحة ويب أو مكون إضافي. |
| <frame> ❌ | يحدد منطقة معينة من صفحة الويب يمكن أن تحتوي على ملف HTML آخر / إطار في مجموعة إطارات. الوسم البديل: <iframe>. |
| <frameset> ❌ | يحدد مجموعة من الإطارات. الوسم البديل: <iframe>. |
| <iframe> | يحدد إطارًا مضمنًا يمكنه تضمين محتوى آخر. |
| <noframes> ❌ | يٌستخدم كوسم احتياطي للمتصفحات التي لا تدعم الوسم <frame>. الوسم البديل: <iframe>. |
| <object> | يحدد مصدرًا خارجيًا ، يمكن التعامل معه كصورة أو صفحة ويب متداخلة أو مشغل وسائط أو مصدر تتم معالجته بواسطة مكون إضافي. |
| <param> | يحدد معلمات parameters الوسم <object>. |
| <applet> ❌ | يحدد تطبيقات صغيرة مضمنة. الوسم البديل: <object> أو <embed>. |
HTML Form Tags
| الوسم | الوصف |
|---|---|
| <form> | يحدد نموذج HTML. |
| <input> | يحدد حقل الإدخال داخل نموذج HTML. |
| <button> | يحدد زر قابل للنقر. |
| <label> | يحدد تسمية نصية لحقل إدخال <input>. |
| <optgroup> | يٌستخدم لتجميع خيارات القائمة المنسدلة. |
| <option> | يٌستخدم لتحديد الخيارات أو العناصر في القائمة المنسدلة. |
| <textarea> | يحدد مدخلات متعددة الأسطر. |
| <fieldset> | يٌستخدم لتجميع العناصر ذات الصلة داخل نموذج ويب. |
| <legend> | يحدد تسمية توضيحية لعنصر <fieldset>. |
| <output> | يُستخدم لتمثيل نتيجة عملية حسابية أو نتيجة إجراء المستخدم (مثل البرنامج النصي script). |
| <progress> | يعرض مؤشرًا يوضح تقدم إكمال مهمة ، وعادةً ما يتم عرضه كشريط تقدم. |
HTML List Tags
| الوسم | الوصف |
|---|---|
| <ul> | يحدد قائمة غير مرتبة بالعناصر. |
| <ol> | يحدد قائمة مرتبة. |
| <li> | يحدد عنصر قائمة. |
| <dl> | يحدد قائمة وصف. |
| <dt> | يُستخدم لتعريف مصطلح في قائمة الوصف. |
| <dd> | يحدد تعريف / وصف لمصطلح في قائمة الوصف. |
HTML Table Tags
| الوسم | الوصف |
|---|---|
| <table> | يحدد جدول (مكون من صفوف وأعمدة). |
| <tbody> | يٌستخدم لتجميع محتوى النص في الجدول. |
| <tfoot> | يٌستخدم لتجميع محتوى التذييل (footer) أو نهاية الجدول. |
| <td> | يحدد خلية بيانات قياسية في الجدول. |
| <th> | يحدد خلية رأس (header) في جدول. |
| <thead> | يٌستخدم لتجميع محتوى رأس (header) في جدول. |
| <tr> | يحدد صفًا في جدول. |
| <caption> | يحدد تسمية توضيحية لجدول. |
| <colgroup> | يحدد مجموعة من عمود واحد أو أكثر في جدول للتنسيق. |
| <col> | يحدد مجموعة من عمود واحد أو أكثر في جدول للتنسيق. |
HTML Link Tags
| الوسم | الوصف |
|---|---|
| <a> | يحدد الروابط التشعبية. |
| <base> | يحدد عنوان URL الأساسي لجميع عناوين URL ذات الصلة داخل المستند. |
| <nav> | يحدد جزءًا من الصفحة لتوفير مجموعة من روابط التنقل. |
HTML Scripting Tags
| الوسم | الوصف |
|---|---|
| <script> | يستخدم لتضمين التعليمات البرمجية أو البيانات القابلة للتنفيذ وخاصًا لتضمين تعليمات JavaScript البرمجية من جانب العميل. |
| <noscript> | يحدد محتوى بديل ليتم عرضه للمستخدمين الذين قاموا بتعطيل البرامج النصية scripts في المستعرض الخاص بهم أو المتصفح لا يدعم البرمجة النصية. |
HTML Audio / Video Tags
| الوسم | الوصف |
|---|---|
| <audio> | يحدد محتوى الصوت. |
| <source> | يحدد مصادر وسائط متعددة لوسم <picture> أو <audio> أو <video>. |
| <video> | يٌستخدم لتضمين محتوى الفيديو في مستند HTML. |
| <track> | يحدد مسارات نصية محددة بوقت لعناصر <audio> أو <video>. |
HTML Semantics Tags
| الوسم | الوصف |
|---|---|
| <div> | يحدد قسم في المستند. |
| <span> | يُستخدم كحاوية مضمنة Inline عامة، نستخدمة لصياغة المحتوى أو لترميز جزء من نص أو جزء من مستند. |
| <header> | يُستخدم كحاوية لمحتوى إبتدائى لقسم أو مستند أو لمجموعة من روابط التنقل. |
| <footer> | يحدد تذييلاً (نهاية) لمستند أو قسم. |
| <main> | يحدد المحتوى الرئيسي أو الأساسى لمستند HTML. |
| <section> | يحدد قسمًا في المستند. |
| <article> | يحدد قسمًا من المحتوى كجزء مستقل من المستند أو الصفحة. |
| <aside> | يحدد جانب من صفحة الويب يتضمن محتوى مرتبطًا بشكل عرضي بالمحتوى المحيط به. |
| <datalist> | يوفر قائمة محددة مسبقًا لخيار الإدخال. |
| <data> | يربط المحتوى بالترجمة المقروءة آليًا. |
HTML Interactive Tags
| الوسم | الوصف |
|---|---|
| <details> | يحدد التفاصيل الإضافية التي يمكن للمستخدم عرضها أو إخفاءها. |
| <dialog> | يحدد مربع حوار أو نافذة. |
| <summary> | يحدد الملخص الذي يمكن استخدامه مع وسم <details>. |
HTML Unclosed Tags
الإبلاغ عن خطأ
×إذا وجد خطأ وتريد الإبلاغ عن هذا الخطأ، أو إذا كنت تريد تقديم اقتراح على شىء معين، فلا تتردد في إرسال بريد إلكتروني إلينا:
info@albashmoparmeg.com
شكرًا لك على مساعدتك لنا!
Advertisements