الدرس الثاني سلسلة تعليم HTML

بسم الله الرحمن الرحيم 

السلام عليكم ورحمة الله وبركاته

هذه المقالات تعتبر مرجع لمن يريد تعلم البرمجة بشكل خاص ولكل من يريد أن يطلع على هذا العالم المشوق والذي يخرج ما بداخلك من إبداع بداية تم نشر أول مقال تم الشرح فيه عن تاريخ إنشاء لغة html وما القصود بأحرف H T M L ولمن يريد الاطلاع على المقال السابق يمكننك الدخول عبر الرابط التالي

https://tech.amwaly.com/blog/9090/%D8%B3%D9%84%D8%B3%D9%84%D8%A9-%D8%AA%D8%B9%D9%84%D9%85-%D9%84%D8%BA%D8%A9-html-%D8%A7%D9%84%D8%AF%D8%B1%D8%B3-%D8%A7%D9%84%D8%A3%D9%88%D9%84⁠⁠⁠⁠⁠⁠⁠

 لنبدأ على بركة الله لنبدأ وميضا جديدا لتكون سعيدا

بداية الدرس

العناصر أو  ELMENTS in HTML 

بداية سيتم عرض معلومات معين عن البرمجة عبر HTML وهذه المعلومات ستفيدك قبل القيام بأول كود بعمرك وهي ستفيدك ولكنك غير مطالب بحفظ هذه المعلومات وسنقوم بشرح العناصر التي تخص لغة HTML لنقوم بهذه العملية قم بزيارة أي موقع تريد لا على التعين ومن ثم قم بتنفيذ الخطوات التالية لتعرف كل العناصر التي تكتب بلغة HTML

1- قم بزيارة موقع الذي تختاره ثم ضع الماوس بوسط الصفحة 

2-ثم قم بالضغط على الزر اليمين  لماوس 

3- تظهر لك قائمة من اختر من القائمة كلمة VEIW Page scours' أو تقوم بالضغط على الكيبورد كونترل + حرف u لإظهار الأكواد الخاصة بهذه الصفحة التي تستعرضها على الكمبيوتر وهذا الأمر ينفذ بأي صفحة موقع تريد في أي مكان بالعالم 

ولكن إذا كنت تريد فحص أي عنصر لوحده بشكل خاص تقوم بالإشارة عليه بالماوس ثم تقوم بالضغط على زر اليمين للماوس واختيار من القائمة كلمة inspect أو ما يسمى بالفحص العنصر المحدد هو عبارة عن ماذا أو بأي كود مكتوب لتفهم الأكواد بشكل عام مثل كود النص أو الصورة أو الفديو وسنقوم بشرح هذا بالتفصيل بإذن الله 

ما البرنامج الذي سنقوم بكتابة أول كود لنا بلغة HTML

1- البرنامج الأول برنامج فيجول أسنديو من شركة مايكروسوفت 

كل ما عليك النقر على الرابط لدخول على صفحة التحميل وما عليك سوى اختيار النسخة التي تحب ونوع الكومبيوتر سواء ويندز أو ماك او لينيكس 

https://visualstudio.microsoft.com/downloads/

البرنامج الثاني لكتابة الأكواد بلغة HTML  برنامج ATOM اضغط على الرابط التالي لتحميل البرنامج

https://atom.io/     هذا رابط البرنامج أنا أقدم لك برنامجين مختلفين لكتابة الأكواد ولكن كل ما عليك تجربة الأحداهما أو كلاهما وتقرر ماذا ستستخدم الخيار لك نحن سنقدم الكورس أو السلسلة ولكن أنت تقرر المناسب لك البرنامجين يقومو بنفس العمل

ونحن ذكرنا بالمقال الأول لغة HTML بأن هذه اللغة تقوم ببناء الهيكل الخاص للصفحة الويب بشكل عام ولكن من الممكن أن يقول الشخص عند فتح الصفحة المعينة للويب لا تظهر كشل الشبيه  بالهيكل العظمي كما قلنا ولكن إن كنت تريد معرفة السبب فإن ذلك يعود للغة css التي تقوم بتنسيق الصفحة بالشكل المعروض أمامك ومن المهم معرفة بأننا سنخصص لها سلسلة بشكل خاص بإذن الله تعالى إن بقي في العمر  بقية 

ملاحظة يمكنك معرفة عمرك بالثواني والدقائق والساعات  والأيام عن طريق قراءة هذا المقال إذا أحببت وهذا رابط المقال على منصة أموالي بلغة الإنكليزية

https://public.amwaly.com/blog/7743/the-calculator-with-your-age

والمقال بلغة العربية على نفس المنصة 

https://public.amwaly.com/blog/7438/%D9%83%D9%85-%D9%8A%D8%A8%D9%84%D8%BA-%D8%B9%D8%AF%D8%AF-%D8%A3%D9%86%D9%81%D8%A7%D8%B3%D9%83-%D9%88%D8%B9%D8%AF%D8%AF-%D8%AF%D9%82%D8%A7%D8%AA-%D9%82%D9%84%D8%A8%D9%83-%D8%B9%D8%AF%D8%AF-%D8%A3%D9%8A%D8%A7%D9%85%D9%83