شرح لغة html للمبتدئين 2020 | الدرس الاول من لغة html5 للمبتدئين
شرح لغة html للمبتدئين 2020 |
السلام عليكم ورحمة الله وبركاته اهلا بكم زوار ومتابعين موقع prog egypt سوف نتكلم اليوم عن الدرس الاول من دورة تصميم المواقع و تطبيقات الويب باستخدام لغة html
محتوايات المقالة
- ما هى لغة html
- متطلبات تشغيل لغة html
- الهيكل الاساسى للغة html
- بعض الامثلة على الشرح
ما هى لغة html
تعتبر لغة html من اكثر اللغات انتشارا حيث انه لا يوجد موقع الا ويوجد به شفرة html وتعتبر كلمة html اختصارا لجملة hyper text markup وهى تعتبر لغة النصوص التشعبية و الرسم ويقول البعض ان html ليست لغة برمجية ولكن يبرر البعض تلك المقولة بأن html لا يوجد بها خطا اى انه يتم تنفيذ الكود كما هو ولا يوجد بها اى نوع من اكتشاف الاخطاء وتعتبر html لغة وسوم و رسوم وقد تاسست فكرة عمل المواقع باستخدام html عام 1990 وكانت تحتوى على بعض الاوامر لتشغيل صفحة بسيطة على السيرفر وكان صاحب الفكرة اسمه Tim_Berners-Lee وقد قام بتطوير هذة الفكرة بعدها بسنة عام 1991 واصبحت اللغة مكونة من 18 كائن لتصبح الاصدار الرابع من لغة html وقام بتطوير هذا الاصدار من الفترة 2001 الى 2004 لتصبح ان ذاك من افضل التقنيات البرمجية المستخدمة فى تلك الفترة وقام بتطويرها ناهئيا فى 2008 يوم 28 من اكتوبر لتصبح لغة html الى html5 وذالك هو الاصدار النهائى من اللغة و قد عرض انه فى بداية عام 2020 سوف يتم تحديث اصدار جديد من لغة html لتصبح الى الاصدار السادس html6 وكانت فكرة لغة html فى البداية عبارة عن صفحة بسيطة مكنونة من بضع تاجات يتم فتح التاج وقفله والكتابة بداخلة وذالك بدلا من عرض الملف انه يجب التحميل وايضا لمساعدة الطلاب فى البحث العلمى وعمل ارتباطات للابحاث المتطابقة معا .
شرح لغة html للمبتدئين 2020 |
متطلبات تشغيل لغة html
تعتبر لغة html من اللغات القليلة التى لا تحتاج الى مترجم ولكن تحتاج الى متصفح لذالك يتم تشغيلها على جميع انظمة التشغيل مثل الاندرويد و الايفون و الويندوز و اللينكس
- الكتابة داخل محرر نصوص مثل notepad++
- حفظ الملف بامتداد html , mhtml ,htma
- تشغيل الملف عن طريق المتصفح
الهيكل الاساسى للغة html
تتكون لغة html من هيكل اساسى يقوم بتقسيم الصفحة ال بعض الاقسام بحيث يتم وضع كل قسم بداخله العديد من الاقسام ولكن فى البداية يجب ان تعرف الهيكل البسيط للغة html
<html><head><title></title></head><body></body></html>
نلاحظ انه تم البداي بوس <html> و النهاية به فى اخر الكود بهذة الطريقة </html>
ويوجد بعدها <head> وفى ذالك التاج نقوم بوضع معلومات الصفحة مثل العنوان
العنوان ويكون داخل وسم <head> فى وسم <title></title>
محتوايات الصفحة وفى تلك الخانة يتم وضع جميع المحتوايات التى سوف تعرض للمستخدم وتوضع فى وسم <body>
الدرس الاول من لغة html5 للمبتدئين |
بعض الامثلة على الشرح
- 1 - المثال الاول
<html><head><title></title></head><body></body></html>
- 2 - المثال الثانى
<html><head><title>the first app</title></head><body></body></html>