ملخص كورس HTMl كتابي بالعربي مع ترشيح لافضل الكورسات المجانية في يوم .
للبرمجة مجالات متعددة ومسارات مختلفة مثل مجال تصميم المواقع وهو الاكثر رواجا وانتشارا وطلبا في الشرق الاوسط .
مجال تصميم المواقع ينقسم لمسارين :
1 -مسار الفرونت اند (front end ) :
وهو يتعلق بتصميم الصفحه الظاهرة للمتصفح والزائر وكل ماتراه واضحا وهو يضم لغات (HTML) (css) ويتداخل معاهم لغات مثل جافا سكريبت ويمكنك استخدام فريم ورك جاهز يساعدك في اداء افضل واسرع وستعرف تفاصيل كل خطوة وكل مصطلح في وقته المناسب
2 -مسار الباك اند (back end) :
وهو يتعلق بالبرمجيات الخلفيه التي تعتبر الهيكل الاساسي والمحرك الفعلي للموقع مثل لغات php .معادنا اليوم مع لغة HTML :
 |
| برمجة |
الادوات المطلوبة :
برنامج لتعديل النصوص (note pad ) في الويندوز العادي .. او برامج البرمجة مثل visual studio code او اي برنامج اخر تريد التدريب عليه .
وتقوم بانشاء ملف بامتداد index.html .. وتقوم بالتطبيق وعمل حفظ وفتح الملف علي برنامج كروم او فايرفوكس.
وتقوم بانشاء ملف بامتداد index.html .. وتقوم بالتطبيق وعمل حفظ وفتح الملف علي برنامج كروم او فايرفوكس.
ماهي لغة HTML :
HTML is the standard markup language for Web pages.
هي لغة تصميم الموقع الظاهري الي تراها لاي موقع تقوم بتصفحه وتمثل الهيكل الخارجي له .
ال syntax :
تبدا صفحة المواقع بوسوم اساسية وهي كما موضح بالكود التالي .
doctype يوضح للمتصفح انك تقوم ببرمجة بلغة Html الاصدار الخامس ثم وسوم ال Html .
doctype يوضح للمتصفح انك تقوم ببرمجة بلغة Html الاصدار الخامس ثم وسوم ال Html .
كل كود بيكون له وسم في بدايتها ونفس الوسم في النهاية مسبوق ب / لغلق الوسم .
ال head تعني رأس الصفحه وتوضع بيها معلومات مهمه سنتناولها تباعا .
اول وسم مهم اليوم هو ال title وهنا يوضع العنوان الذي يظهر في المتصفح من الاعلى .
اول وسم مهم اليوم هو ال title وهنا يوضع العنوان الذي يظهر في المتصفح من الاعلى .
ثم الى وسم ال body وهو الذي يحتوي كل محتوى الموقع مثل هذا المقال .
الملخص :
What is HTML
- HTML stands for Hyper Text Markup Language
- HTML is the standard markup language for creating Web pages
- HTML describes the structure of a Web page
- HTML consists of a series of elements
- HTML elements tell the browser how to display the content
- HTML elements label pieces of content such as "this is a heading", "this is a paragraph", "this is a link", etc.
اي انها لغة تصميم الموقع والبناء الهيكلي الظاهر وهي عبارة عن مجموعه من الوسوم .
<!DOCTYPE html><html><head><title>Page Title</title></head><body>
<h1>This is a Heading</h1><p>This is a paragraph.</p>
</body></html>افضل كورس مجاني لتعلم لغة HTMl لعام 2024 مع تكليفات عملية
للوصول الى الموضوع اضغط هنا
Tags
كورسات مجانية .برمجة