تعرف على جميع اوسم لغة HTML .
سنتعرف على جميع الأوسمة أو ال <tags> و ستكون هذه الأوسمة مرتبة حسب الترتيب الأبجدية الإنجليزية :
ا1 ) <a> هذا الوسم يُستخدم لعمل الروابط .
ا2 ) <abbr> هذا الوسم يُستخدم عندما نريد كتابة اختصار .
ا3 ) <address> هذا الوسم يُستخدم عندما نريد إضافة معلومات التواصل مع صاحب المقالة او الموقع .
ا4 ) <area> يستخدم هذا الوسم مع وسم <map> ووسم <img > وذلك لتحديد مساحة داخل صورة و عند الضغط على هذه المساحة فكأننا ضغطنا على لينك .
ا5 ) <article> يستخدم هذا الوسم عند عمل مقالة ويكون بداخلة العديد من الوسوم .
ا6 ) <aside> يستخدم هذا الوسم لعمل محتوى جانبي للموقع مثل الإعلانات او فهرس لمقالات .
ا7 ) <audio> يستخدم هذا الوسم عندما نريد اضافة مقطع صوتي الى الصفحة .
ا8 ) <b> يستخدم هذا الوسم عند عمل خط سميك للعنصر bold text .
ا9 ) <base> هذا الوسم يحتوى على لينك أساسي وهذا اللينك الأساسي يكون اللينك الافتراضي للعنصر <a>
ا10 ) <bdi> هذا الوسم يقوم ب تغيير اتجاه المحتوى الذي بداخله .
ا11) <bdo> هذا الوسم يُستخدم عندما نريد تغيير اتجاه المحتوى الذي بداخله .
ا12 ) <blockquote> يستخدم هذا الوسم عندما نريد إضافة اقتباس من مصدر اخر.
ا13 ) <body> يكون بداخلة المحتوى الذي يظهر لزائر الصفحة .
ا14 ) <br> يستخدم عندما نريد الكتابة من سطر جديد.
ا15 ) <button> يستخدم عند عمل زر .
ا16 ) <canvas> يستخدم لعمل الرسومات وغالبا بال JavaScript .
ا17 ) <caption> دائما يستخدم مع وسم <table> لعمل شرح اعلى الجدول .
ا18 ) <cite> يستخدم عند إضافة عمل قام به شخص .
ا19 ) <code> يستخدم عندما نريد اظهار الاكواد البرمجية ك اكواد في صفحة الويب .
ا20 ) <col> يكون دائما داخل عنصر <colgroup> وذلك لتنسيق الاعمدة .
ا21 ) <colgroup> يكون بداخله وسم <col> ويستخدم لتنسيق الاعمدة .
ا22 ) <data> يُستخدم هذا الوسم لإضافة بيانات للعنصر وهذه البيانات تكون غير مرئية للمُستخدم العادي .
ا23 ) <datalist> يستخدم مع وسم <option> وذلك ل وضع قيم مُعينة فقط داخل حقل ادخال <input>.
ا24 ) <dd> تستخدم مع وسم <dl> ووسم <dt> وهذه العناصر الثلاثة تُستخدم معا عندما يكون لدينا قائمة من العناصر نُريد وصفها.
ا25 ) <del> يستخدم عندما يكون المُحتوى بداخل هذا الوسم تم حذفة مسبقا .
ا26 ) <details> هذا الوسم دائما يكون بداخله وسم <summary> يُستخدم لإظهار او إخفاء المُحتوى
ا<dfn> والمُحتوى بداخل هذا الوسم يكون تقريبا كلمة او كلمتين يتم شرحهم بعد ذلك في الجملة القادمة.
ا27 ) <dialog> يُستخدم هذا الوسم لعمل dialog box وترجمتها نافذة فرعية .
ا28 ) <div> نستخدم هذا الوسم عندما نريد وضع بداخله عناصر سوف نقوم بتنسيقهم بواسطة لغة CSS .
ا29 ) <dl> تستخدم مع وسم <dd> ووسم <dt> وهذه العناصر الثلاثة تُستخدم معا عندما يكون لدينا قائمة من العناصر نُريد وصفها.
ا30 ) <dt> تستخدم مع وسم <dl> ووسم <dd> وهذه العناصر الثلاثة تُستخدم معا عندما يكون لدينا قائمة من العناصر نُريد وصفها.
ا31 ) <em> المحتوى بداخل هذا الوسم يكون محتوى مهم عن باقي النص بالإضافة انه يكون ذو خط مائل
ا<fieldset> يستخدم هذا الوسم دائما داخل وسم < form> لوضع مجموعة من العناصر ذات الصلة بداخله.
ا32 ) <figcaption> هذا الوسم دائما يكون داخل وسم <figure> وذلك لوضع جملة توضيحية اسفل الصورة
ا33 ) <figure> هذا الوسم يكون بداخلة وسم <figcaption> ووسم <img> وذلك لوضع صورة في الموقع وتريد ان تَكتب جُملة توضيحية أسفل هذه الصورة.
ا34 ) <footer> هذا الوسم يستخدم لعمل الجزء السفلى من الصفحة او الموقع.
ا35 ) <form> يستخدم هذا الوسم لعمل نموذج لحقول الادخال.
ا36 ) <h1 : h6> يستخدم هذا الوسم لتحديد عناوين الصفحة.
ا37 ) <head> هذا الوسم يحتوي على معلومات خاصة بالصفحة ولكن لا تظهر بشكل مباشر للمُستخدم العادي.
ا38 ) <header> يستخدم هذا الوسم لعمل عنوان للصفحة او عنوان لمقال.
ا39 ) <hr> هذا الوسم يستخدم للفصل بين فقرتين بخط أفقي.
ا40 ) <html> هذا الوسم يحتوي على جميع وسوم لغة html ماعدا طبعا<!DOCTYPE html>
ا<i> المحتوى بداخل هذا الوسم يكون بخط مائل italic.
ا41 ) <iframe> يستخدم لعمل إطار في الصفحة
ا<img> يستخدم هذا الوسم عندما نُريد ادراج صورة في الموقع.
ا42 ) <input> يستخدم هذا الوسم داخل عنصر ال <form> لعمل حقل ادخال لبيانات المُستخدم.
ا43 ) <ins> المُحتوى بداخل هذا العنصر تم إضافته وذلك بوضع خط أسفل المُحتوى الذي بداخل هذا العنصر.
ا44 ) <kbd> ونستخدم هذا الوسم عندما نريد كتابة امر من اومر الكيبورد.
ا45 ) <label> يستخدم هذا الوسم مع عنصر <input> لوضع شرح توضيحي لحقل الادخال.
ا46 ) <legend> يستخدم هذا الوسم داخل وسم <fieldset> وذلك لإضافة عنوان توضيحي لهذه المجموعة.
ا47 ) <li> يستخدم هذا الوسم داخل وسم <ol> او <ul> لإضافة قائمة من الاشياء.
ا48 ) <link> يستخدم هذا الوسم لربط ملف اكواد لغة html بملف لغة CSS.
ا49 ) <main> هذا الوسم يكون بداخلة العديد من العناصر التي تُحدد المحتوى الأساسي للصفحة.
ا50 ) <map> يستخدم هذا الوسم مع وسم <area> ووسم <img> وذلك لتحديد مساحة داخل صورة و عند الضغط على هذه المساحة فكأننا ضغطنا على لينك.
ا51 ) <mark> المحتوى بداخل هذا الوسم يكون ذو خلفية بلون مميز.
ا52 ) <meta> هذا الوسم هو المسئول عن إضافة معلومات للصفحة وهذه المعلومات لا تظهر لزائر الصفحة.
ا53) <meter> يستخدم هذا الوسم لعرض بيانات قابلة للقياس في نطاق معين (range).
ا54 ) <nav> هذا الوسم يحتوي على العديد من الروابط.
ا55 ) <noscript> المحتوى بهذا الوسم يظهر فقط عندما يكون المتصفح لا يدعم اكواد لغة JavaScript.
ا56 ) <ol> تستخدم مع وسم <li> وذلك لعمل قائمة مرقمة او مرتبة.
ا57 ) <optgroup> هذا الوسم يكون بداخله وسم <option> وهو يُعتبر عنوان لمجموعة من الاختيارات.
ا58) <option> هذا الوسم غالبا ما يُستخدم داخل عنصر <datalist> وعنصر <select> وذلك لعمل drop-down list.
ا59 ) <output> يستخدم هذا الوسم لإظهار نتائج عملية حسابية.
ا60 ) <p> يُستخدم هذا الوسم لعمل فقرة داخل مقال.
ا61 ) <picture> يُستخدم هذا الوسم إذا كان لدينا صورتان او أكثر؛ مثلا إذا كان لدينا صورتان وأردنا ظهور الصورة الأولى في حالة الشاشات الصغيرة مثل الموبايل ولكن في حالة الشاشات الكبيرة لا نريد اظهار الصورة الأولى ولكن اظهار الصورة الثانية بدلا منها.
ا62 )<pre> المحتوى الذي بداخل هذا الوسم يكون تم تنسيقة مسبقا.
ا63 ) <progress> يستخدم هذا الوسم لعمل ال progress bar.
ا64 ) <q> يستخدم لعمل اقتباس قصير.
ا65 ) <s> المُحتوى بداخل هذا الوسم كان صحيحا ولكن في الماضي.
ا66 ) <samp> تُستخدم هذا الوسم لعرض عينه من مُخرجات برنامج كمبيوتر.
ا67 ) <script> هذا الوسم يكون بداخله اكواد لغة JavaScript.
ا68 ) <section> يستخدم هذا الوسم لتقسيم الصفحة الى اقسام.
ا69 ) <select> هذا الوسم يكون بداخله وسم <option> وذلك لعمل قائمة منسدلة drop-down list.
ا70 ) <small> المُحتوى داخل هذا العنصر يكون بخط أصغر عن بقية النص.
ا71 ) <source> دائما يُستخدم هذا الوسم داخل وسم ال <video> او وسم ال <audio> إذا كان لدينا امتدادين او أكثر مختلفين لنفس الملف الصوتي او الفيديو.
ا72 ) <span> نستخدم هذا الوسم عندما نريد وضع بداخله عناصر سوف نقوم بتنسيقهم بواسطة لغة CSS.
ا73 ) <strong> يستخدم عندما يكون لدينا سطر او جملة مهمه.
ا74 ) <style> يكون بداخلة اكواد لغة CSS وذلك لتنسيق الوسوم.
ا75 ) <sub> المُحتوى داخل هذا العنصر يكون بخط منخفض عن بقية النص.
ا76 ) <summary> هذا الوسم دائما يكون داخل وسم <details> لإظهار واخفاء المحتوى الذي بداخله
ا<sup> المُحتوى داخل هذا العنصر يكون مرتفع عن بقية النص.
ا77 ) <svg> هذا الوسم يمكننا من عمل الرسومات داخل الموقع.
ا78 ) <table> هذا الوسم يستخدم لعمل الجدول
ا<tbody> هذا الوسم يكون بداخلة الجزء الأساسي من الجدول وبالتالي يكون داخل وسم ال <table>.
ا79 ) <td> هذا الوسم هو المسؤول عن إضافة خلية جديدة داخل الجدول وبالتالي يكون داخل وسم ال <table>.
ا80 ) <template> جميع محتويات هذا الوسم تكون مخفيه ولا تظهر لزائر الموقع مباشرة.
ا81 ) <textarea> يُستخدم هذا الوسم عندما تريد من زائر الموقع ادخال نص طويل متعدد الاسطر.
ا82 ) <tfoot> هذا الوسم يكون بداخلة الجزء السفلى من الجدول وبالتالي يكون داخل وسم ال <table>.
ا83 ) <th> هذا الوسم هو المسؤول عن إضافة العنوان (الجزء العلوي) داخل الجدول وبالتالي يكون داخل وسم ال <table>.
ا84 ) <thead> هذا الوسم يكون بداخلة الجزء العلوي من الجدول وبالتالي يكون داخل وسم ال <table>.
ا85 ) <time> هذا الوسم يُستخدم عندما نريد اظهار وقت.
ا86 ) <title> هذا الوسم يُستخدم لتحدد عنوان الصفحة.
ا87 ) <tr> هذا الوسم هو المسؤول عن إضافة صف جديد داخل الجدول وبالتالي يكون داخل وسم ال <table>.
ا88 ) <track> يُستخدم هذا الوسم عند عمل ترجمة لمقطع فيديو وتظهر اثناء تشغيل الفيديو مثل فيديوهات اليوتيوب كده.
ا89 )<u> نستخدم هذا الوسم لوضع خط تحت المُحتوى الذي بداخله.
ا90 ) <ul> تستخدم مع وسم <li> وذلك لعمل قائمة غير مرتبة من الاشياء.
ا91 ) <var> نستخدم هذا الوسم عندما يكون لدينا معادلة رياضية.
ا92 ) <video> يُستخدم هذا الوسم عندما نريد إضافة فيديو داخل الموقع.
ا92 ) <wbr> يُستخدم هذا الوسم عندما تكون الكلمة طويلة جدا ونخشى ان هذه الكلمة تخترق المساحة التي بداخلها.
93 ) <--...--!> هذا الوسم يستخدم لكتابة شرح للكود داخل الملف ولكن لا يظهر لزائر الصفحة.
ا94 ) <!DOCTYPE html> هذا ليس وسم html وانما هو معلومة للمتصفح عندما يقوم بقراءة الاكواد لكي يَعلم ان الاكواد التالية هي اكواد خاصة بلغة html .
أقراء ايضن:
هدا و بالله التوفيق والنجاح للجميع ( : }><{....]><[ .
إرسال تعليق