دورة لتعلم html بالتفصيل الممل

اهي لغة html ؟
لغة html هي لغة لبرمجة وتصميم صفحات الويب ( الانترنت ) وهي اساس جميع صفحات الانترنت ولايوجد اي صفحة تخلو منها وهي مختصر لـ Hyper Text Markup Language . والصفحات التي تصمم بلغة html تكون صفحات ثابتة وليست ديناميكية وهي لاتحتاج الى سيرفر لترجمتها ويكفي فقط ان يكون لديك واحد من متصفحات الويب . لغة html تتكون من عناصر و وسوم tags والوسوم اهم شيء في هذه اللغة ويوجد عشرات الوسوم ولكل وسم فائدة معينة حيث يوجد وسم يجعل الخط مائل ووسم لكتابة عنوان للصفحة و.. الخ من الوسوم والتي سيأتي شرحها لاحقا .
ماذا احتاج لكي اتعلم لغة html ؟
تحتاج الى متصفح انترنت وهو موجود في كل حاسوب ولايهم ايا كان نوعه . تحتاج الى محرر نصوص notepad وهو ايضا موجود في كل حاسوب ولكن ننصح بمحرر النصوص notepad ++
والان سنصمم اول صفحة لنا بلغة html ملاحظات :
1-لغة html غير حساسة لحالة الاحرف سواء كانت كبيرة او صغيرة لايوجد فرق .
2- نتمنى ان تقوم بكتابة الكود بيدك لان النسخ واللصق لن يجعل منك مصمما أو مبرمجا بل سيجعل منك مقلدا فقط ! لذلك سنحاول قدر الامكان ان نضع الكود على شكل صورة لمنع النسخ واللصق .
3- صفحة html تكون اما بصيغة .htm او .html
اكتب المحتوى التالي واخزن الملف بصيغة html ثم افتحه بأي متصفح ثم ارفق لنا النتيجة التي حصلت عليها .

انتهى درسنا الاول . شرحنا فيه بأختصار عن لغة html وكيف تقوم بتصميم اول صفحة لك وفي الدرس القادم سيتم شرح الكود والوسوم التي في هذا الدرس بالتفصيل الممل بالاضافة الى وسوم اخرى جديدة وستكون بدايتك الحقيقة للدخول الى تعلم لغة html .

ستكمل دورتنا لتعلم لغة html وفي هذا الدرس سنشرح الكود الذي كتبناه في الدرس الاول بالتفصيل الممل بالاضافة إلى أمور اخرى سنتعلمها في هذا الدرس . نتمنى التركيز لان فهم هذا الدرس يعني المدخل الصحيح لتعلم اللغة بالاضافة إلى إن الدروس القادمة جميعها تعتمد على هذا الدرس . ذكرنا في الدرس السابق ان لغة html تتكون من عنصر مهم وهو الـ tag أو الوسم ( و الوسم قد يكون كلمة معينة أو حرف واحد او اكثر من حرف واحد ) حيث تحتوي هذه اللغة على مجموعة كبيرة من الوسوم tags ولكل وسم وظيفته الخاصة التي يقوم بها في صفحة html .
الصيغة القياسية للوسم أو الـ tag يكون بهذا الشكل :
< open tags > لفتح الوسم\
لإغلاق الوسم
هذا يعني إن كل وسم من وسوم لغة html اذا أردنا استخدامه في الصفحة لابد ان نفتحه ونضعه بين القوسين<… > ولكي نغلقه نضع قبل اسمه / اي يصبح هكذا
النقاط تعني اسم الوسم .
ملاحظة : كل وسم يتم فتحه لابد ان يتم اغلاقه الا بعض الوسوم لاتحتاج الى اغلاق وسنذكرها في الدروس القادمة .
بعد كل ماذكرنا اعلاه نستنتج ان الكود في الدرس السابق يحتوي على مجموعة من وسوم html وهي :
< html > < head > < title > < body >

وكل وسم من هذه الوسوم تم فتحه وتم اغلاقه عند الانتهاء من عمله , لاحظ الصورة التوضيحية التالية :



الان نأتي الى شرح كل tag بالتفصيل :
< html > :
هذا الوسم الرئيسي في لغة html وكل الصفحات لابد ان تحتوي هذا الوسم وفائدته انه يعلم المتصفح ان هذه الصفحة هي صفحة html وبصيغة اخرى هو وسم لتعريف صفحة html
< head > :
هذا الوسم يخص رأس الصفحة ويوضع بداخله امور كثيرة ووسوم اخرى لكن سنقتصر في دورتنا على العنوان فقط .
< title > :
هذا الوسم واضح من اسمه وهو يخص عنوان الصفحة والذي يظهر في اعلى المتصفح . ويكون داخل وسم الـ head
< body > :
هذا الوسم يختص بجسم الصفحة وهو من الوسوم الرئيسية والتي لابد ان تتواجد بكل صفحات ال html حيث كل الصفحة وكل عملنا وكل ماسنكتب من وسوم وكودات ستكون داخل هذا الوسم

:
هذا الوسم يخص الموضوع او المقال أو الفقرة التي سنكتبها سواء كانت كلمة واحدة او جملة او موضوع طويل .
بعد فتح الصفحة السابقة بواسطة المتصفح نحصل على النتيجة التالية :

انتهى الدرس الثاني . نتمنى التركيز على هذا الدرس كثيرا لان فهم هذا الدرس سيسهل كثيرا من الدروس القادمة -

---