افضل كورس html عربي
لقد تم تجميع كل حلقات كورس html في فيديو واحد كنوع من التسهيل عليكم حتى تكون الامور سهل عليكم و يكون تركيزكم منصب تجاه التعلم فقط.
قبل أي شئ لقد تم تجميع كل حلقات كورس html في فيديو واحد كنوع من التسهيل عليكم حتى تكون الامور سهل عليكم و يكون تركيزكم منصب تجاه التعلم فقط.
كل وسوم html و كيفية استخدامهم
في الجدول التالي نستعرض tags html كثيرة و استخدام كل منها
| <h1>&<h6> | يستخدم هذا الوسم لاضافة العناوين |
| <p> | هذا الوسم يستخدم لاضافة فقرات |
| <a> | لاضافة روابط |
| <b> | هذا الوسم يستخدم لعمل تأثير ثقيل على النص |
| <sub> | يكون النص داخل هذا العنصر بخط منخفض عن باقي السطر |
| <sup> | النص داخل هذا العنصر بخط مرتفع عن باقي السطر |
| <b> | هذا الوسم يستخدم لعمل تأثير ثقيل على النص |
| <strong> | نضع داخل هذا الوسم الكلمات المهم ليتم ابرازها |
| <ol> | يستخدم هذا الوسم لعمل قوائم مرقمة |
| <ul> | يستخدم هذا الوسم لعمل قوائم غير مرقمة |
| <li> | يتم استخدام هذا الوسم داخل <ol> او <ul> لاضافة عناصر القائمة |
| <mark> | بهذا الوسم يتم تمييز الوسوم بلون مميز |
| <meta> | لاضافة معلومات للموقع |
| <html> | نضع في هذا الوسم جميع وسوم html الخاصة بصفحتنا |
| <body> | داخل هذا الوسم يتم وضع محتوى الموقع الذي يظهر للمستخدم |
| <head> | هو رأس الصفحة و يتم وضع فيه معلومات الصفحة التي لا يراها المستخدم |
| <title> | يستخدم لاضافة عنوان الموقع |
| <link> | لربط صفحات خارجية بصفحة ال html |
| <style> | يستخدم هذا الوسم لاضافة اكواد css |
| <script> | لاضافة اكواد javascript |
| <iframe> | يستخدم هذا الوسم لاضافة اطار في الصفحة |
| <table> | لاضافة جدول |
| <thead> | يتم وضع فيه الجزء العلوي من الجدول او عنوان الجدول |
| <tbody> | يوضع فيه الجزء الاساسي من الجدول او جسم الجدول |
| <tfoot> | يتم وضع فيه الجزء السفلي من الجدول او زيل الجدول |
| <th> | مسؤول عن اضافة عنوان داخل الجدول |
| <td> | يتم استخدام هذا الوسم في اضافة خلية داخل الجدول |
| <tr> | مسؤول عن اضافة صف داخل الجدول |
| <i> | يجعل النص مائل |
| emi> | يستخدم لجعل النص مائل |
| <details> | يتم اسعمال هذا الوسم لاخفاء و اظهار العناصر و يكون داخلة الوسم <summary> |
| <summary> | يكون داخل الوسم <details> لاكمال عملية الاخفاء و الاظهار |
| <option> | غالبا ما يُستخدم داخل <details> و <select> وذلك لعمل قائمة منسدلة |
| <select> | يقوم بعمل قائمة منسدلة |
ما هي لغة HTML؟ و فيما تستخدم؟
HTML هي إختصار HyperText Markup Language، وهي ليست لغة برمجية
ولكنها لغة أو طريقة لوصف محتويات صفحة الويب لبرامج التصفح
أو كما تُعرف بلغة توصيف النص
من ناحية أخرى ف أن أي برنامج متصفح انترنت يحتاج لمعرفة محتويات الصفحة من عناوين ونصوص وصور وروابط
و غير ذلك من مكونات صفحة الويب حتى تتمكن من عرضها بالشكل الصحيح
لذلك فلغة الترميز HTML، هي اللغة الرئيسية التي يتكون منها أي موقع أو صفحة على شبكة الإنترنت.
وتتكون صفحة الويب من مجموعة من العناصر (Tags) أو تعرف كــ الوسوم
يكتب كل وسم بين (angle brackets) أو كما تسمى علامة أصغر من > وعلامة أكبر من <
ولا يقوم المتصفح بعرض هذه الوسوم
لكن يقوم بعرض محتوياتها، وهناك نوعين من الوسوم.
ما هي أنواع ال Tags؟
قبل اي شئ يجب ان تعلم ان هناكنوعان من الوسوم
النوع الأول: وهو وسم ليس له نهاية كهذا الوسم <img/> و يستخدم لاضافة خاصية او عرض شئ مباشر في الصفحة.
النوع الثاني: وهو عبارة عن وسم يصف ما بداخله من نصوص وقد يحتوي هذا الوسم بداخله على وسم آخر كعنصر فرعي لهذا الوسم
لذلك ستلاحظ في هذا النوع أن كل وسم يتكون من جزئين (وسم البداية) و (وسم النهاية) وبينهما المحتوى الذي يتم عرضه في المتصفح.
ما هي فائدة Html ؟
إذا أردت إنشاء موقع فلا توجد طريقة أخرى غير استخدام لغة HTML
حتى لو استخدمت برنامجاً لإنشاء المواقع فان هذه البرامج تستخدم html لتصميم تلك المواقع
لذلك فان معرفتك بلغة HTML و لو بشكل بسيط سيساعدك على إنشاء مواقع أفضل
قبل كل شئ فان الجميل أن هذه اللغة سهلة التعلم و في محاضرة واحدةكورس html فقط على اكادمية نوفل يمكنك تعلم تلك اللغة بسهولة.
لماذا يتم ذكر css بجانب html دائما و ما العلاقة بينهم؟
قبل أي شئ نستخدم لغة html لتصميم هيكل المواقع و بذلك فان بدونها لا نستطيع تصميم هيكل مواقعنا
و لكن هل المواقع تتكون من هيكل فقط؟
بالطبع لا فان هذا الهيكل الذي صنعته بلغتنا الجميلة html يجب تنسيقه و ضبط ابعاده و اضافة الوان و صور ممتعة و ترتيب العناصر داخل هذا الهيكل
ذلك ليصبح لدينا تصميم منسق و كل هذه التنسيقات نصنعها بال css
لذلك تجد ال css مرتبطة بال html دائما لانهم يكملوا بعضهم.
في الختام يمكنك تعلم لغة Html بالكامل من خلال كورس html المقدم من اكاديمية نوفيل التعليمية بالمجان
