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