تعلم رموز html 5 وعلامته وكيف تعمل بكل سهولة.
 |
| Html تعرف إلى علاماته وتعلمه بكل سهولة |
Html 5 ماذا تعني رموز ، ماهي استخدامات اتش تي أم ال html ، كيف تتعلم لغة html وعلامته.
يمكن إنشاء صفحة ويب استخدام HTML ، بسهولة ، أن كل ما تراه طول الوقت على الويب لا يمكن أن يكون بهذه الصورة أو المظهر الذي يبدو عليه و الذي تشاهده امامك بدون HTML.
فوائد ومزايا اتش تي أم ال html
بعض المزايا البارزة لـ HTML هي انه خفيف الوزن في الهيكل ، يعتبر تعلمها واستخدامها في غاية السهولة واليسر ، كما أنه يعد برنامجا ذو مصدر مفتوح يمكن للجميع استخدامه مجانًا ، يعرف عن thml أيضا أنه مدعوم في جميع أنواع المتصفحات، اتش تي أم ال طريقة إنشائه أو التعديل علية تعد سهلة جدا ، كذلك يسهل دمجه مع لغات البرمجة الأخرى.
ستكون المتصفحات عديمة الجدوى بدون HTML.
Html كيف تكتب
لكتابة كود HTML5 ، يمكن استخدام محرر نص عادي مثل محررات Notepad أو WordPad أو Sublime Text و VS Code.يتكون HTML من أكواد صغيرة من سلسلة مكتوبة في المفكرة ؛ هذه الرموز الصغيرة تسمى العلامات.
Html5 والمتصفح
تقترح علامة HTML وتطلب متصفحًا لعرض الإخراج المطلوب.يتم حفظ ملف html بامتداد .html أو .htm بعد حفظ هذا الملف يمكننا عرض الإخراج على المتصفح.
لعرض نتيجة الكود ، نحتاج إلى متصفح مثل Google Chrome و Mozilla Firefox و Safar و Internet Explorer.
في هذا الموضوع سنتعرف على علامة html الأساسية بالترتيب الأبجدي:
تعرف على عنصر HTML5
أساسيات علامات اتش تي أم ال HTML5 بالترتيب الابجدي:-
TagDescription <! --...--> يحدد تعليق <! DOCTYPE> يحدد نوع الوثيقة <a> يحدد ارتباطًا تشعبيًا <abbr> يحدد اختصارًا <acronym> غير مدعوم في HTML5 ، استخدم <abbr> بدلاً من ذلك.
يحدد اختصارًا <address> يحدد معلومات الاتصال لمؤلف / مالك المستند <applet> غير مدعوم في HTML5. استخدم <embed> أو <object> بدلاً من ذلك.
يعرّف التطبيق الصغير المضمن <area> يحدد منطقة داخل خريطة الصورة <article> يحدد مقالًا <aside> يحدد المحتوى بعيدًا عن محتوى الصفحة <audio> يحدد محتوى الصوت المضمّن <b> يعرف النص الغامق <base> يحدد عنوان URL الأساسي / الهدف لجميع عناوين URL ذات الصلة في مستند <basefont> غير مدعوم في HTML5. استخدم CSS بدلاً من ذلك.
يحدد لونًا وحجمًا وخطًا افتراضيًا لكل النص في مستند <bdi> يعزل جزءًا من النص قد يكون منسقًا في اتجاه مختلف عن النص الآخر خارجه <bdo> يتجاوز اتجاه النص الحالي <big> غير مدعوم في HTML5. استخدم CSS بدلاً من ذلك.
يحدد نصًا كبيرًا <blockquote> يحدد قسمًا مقتبسًا من مصدر آخر <body> يحدد نص المستند <br> يحدد فاصل سطر واحد <button> يحدد زرًا قابلاً للنقر <canvas> يستخدم لرسم الرسومات ، أثناء التنقل ، عبر البرمجة النصية (عادةً JavaScript) <caption> تحدد تسمية توضيحية للجدول <center> غير مدعوم في HTML5. استخدم CSS بدلاً من ذلك.
يحدد نصًا مركزيًا <cite> يحدد عنوان العمل <code> يحدد جزءًا من كود الكمبيوتر <col> يحدد خصائص العمود لكل عمود داخل عنصر <colgroup> <colgroup> يحدد مجموعة من عمود واحد أو أكثر في الجدول للتنسيق <data> يضيف ترجمة يمكن قراءتها آليًا لمحتوى معين <datalist> يحدد قائمة بالخيارات المحددة مسبقًا لعناصر تحكم الإدخال <dd> يحدد وصفًا / قيمة لمصطلح في قائمة وصف <del> يحدد النص الذي تم حذفه من مستند <details> يحدد التفاصيل الإضافية التي يمكن للمستخدم عرضها أو إخفاءها <dfn> يحدد المصطلح الذي سيتم تعريفه داخل المحتوى <dialog> يحدد مربع حوار أو نافذة <dir> غير مدعوم في HTML5 ، استخدم <ul> بدلاً من ذلك.
يعرف قائمة الدليل <div> يحدد قسم في الوثيقة <dl> يحدد قائمة وصف <dt> يحدد مصطلح / اسم في قائمة الوصف <em> يعرف النص المميز <embed> يحدد حاوية لتطبيق خارجي <fieldset > العناصر المتعلقة بالمجموعات في نموذج <figcaption> تحدد تسمية توضيحية لعنصر <figure> <figure> تحدد المحتوى المستقل <font> غير مدعوم في HTML5، استخدم CSS بدلاً من ذلك.
تعلم لغة البرمجة النصية
يحدد الخط واللون والحجم للنص <footer> يحدد تذييلًا لمستند أو قسم <form> يحدد نموذج HTML لإدخال المستخدم <frame> غير مدعوم في HTML5.
يحدد نافذة (إطار) في مجموعة إطارات <frameset> غير مدعوم في HTML5.
يحدد مجموعة من الإطارات <h1> إلى <h6> يحدد عناوين HTML <head> يحتوي على بيانات وصفية / معلومات للمستند <header> يحدد رأسًا لمستند أو قسم <hr> يحدد تغييرًا موضوعيًا في المحتوى <html> يحدد جذر مستند HTML <i> يحدد جزءًا من النص بصوت بديل أو حالة مزاجية <iframe> يحدد إطارًا مضمنًا <img> يحدد صورة <input> يحدد عنصر تحكم الإدخال <ins> يحدد النص الذي تم إدراجه في مستند <kbd> يحدد إدخال لوحة المفاتيح <label> يحدد تسمية لعنصر <input> <legend> يحدد تسمية توضيحية لعنصر <fieldset> <li> يحدد عنصر قائمة <link> يحدد العلاقة بين المستند و مورد خارجي (الأكثر استخدامًا للارتباط بأوراق الأنماط) <main> يحدد المحتوى الرئيسي للمستند <map> يحدد خريطة الصورة <mark> يحدد النص المميز / المميز <meta> يحدد البيانات الوصفية حول مستند HTML <meter> يحدد قياس عددي ضمن نطاق معروف (مقياس) <nav> يحدد روابط التنقل <noframes> غير مدعوم في HTML5.
يحدد محتوى بديل للمستخدمين الذين لا يدعمون الإطارات <noscript> يحدد محتوى بديل للمستخدمين الذين لا يدعمون البرامج النصية من جانب العميل <object> يحدد حاوية لتطبيق خارجي <ol> يحدد قائمة مرتبة <optgroup> يحدد مجموعة من الخيارات ذات الصلة في قائمة منسدلة <خيار> يحدد خيارًا في القائمة المنسدلة <Output> يحدد نتيجة عملية حسابية <p> يحدد فقرة <param> يحدد معلمة لكائن <picture> حاوية لمصادر صور متعددة <pre> تحدد النص المنسق مسبقًا <تقدم> يمثل تقدم المهمة <q> يحدد اقتباسًا قصيرًا <r p> يحدد ما يجب إظهاره في المتصفحات التي لا تدعم التعليقات التوضيحية للياقوت <rt> يحدد تفسيرًا / نطق الأحرف (لطباعة شرق آسيا) <ruby> يحدد تعليقًا توضيحيًا باللون الياقوتي (لطباعة شرق آسيا) <s> يحدد النص الذي لم يعد صحيحًا <samp> يحدد عينة إخراج من برنامج كمبيوتر <script> يحدد جانب العميل script <section> يحدد قسمًا في الوثيقة <select> Def قائمة منسدلة <small> تحدد نصًا أصغر <source> تحدد موارد وسائط متعددة لعناصر الوسائط (<video> و <audio>) <span> تحدد قسمًا في مستند <strike> غير مدعوم في HTML5، استخدم <del> أو <s> بدلاً من ذلك.
يحدد نص يتوسطه خط <strong> يحدد نصًا مهمًا <style> يحدد معلومات النمط للمستند <sub> يحدد نصًا منخفضًا <summary> يحدد عنوانًا مرئيًا لعنصر <details> <sup> يحدد نصًا مرتفعًا <svg> يحدد حاوية لـ رسومات SVG <table> تحدد جدولًا <tbody> مجموعات محتوى النص في جدول <td> تحدد خلية في جدول <template> تحدد حاوية للمحتوى الذي يجب إخفاؤه عند تحميل الصفحة <textarea> يحدد إدخالًا متعدد الأسطر control (text area) <tfoot> يقوم بتجميع محتوى التذييل في جدول <th> يحدد خلية رأس في جدول <thead> يقوم بتجميع محتوى الرأس في جدول <time> يحدد وقتًا محددًا (أو تاريخًا ووقتًا) <title> يحدد عنوان المستند <tr> يحدد صفًا في جدول <track> يحدد مسارات النص لعناصر الوسائط (<video> و <audio>) <tt> غير مدعوم في HTML5 ، استخدم CSS بدلاً من ذلك.
يعرف نص التليتايب <u> يحدد بعض النص غير المفصل والمنمق بشكل مختلف عن النص العادي <ul> يحدد قائمة غير مرتبة <var> يحدد متغير <video> يحدد محتوى الفيديو المضمّن <wbr> يحدد فاصل أسطر محتمل
تعليقات
إرسال تعليق
مرحبا بك على "manaliiblog" نتشرف بارائك وملاحظاتك الخاصة بمواضيع مدونة منالي. يمكنك ترك تعليقك هنا👇🏼