دورة لتعلم 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

< body > :

هذا الوسم يختص بجسم الصفحة وهو من الوسوم الرئيسية والتي لابد ان تتواجد بكل صفحات ال html حيث كل الصفحة وكل عملنا وكل ماسنكتب من وسوم وكودات ستكون داخل هذا الوسم

<p> :

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

بعد فتح الصفحة السابقة بواسطة المتصفح نحصل على النتيجة التالية :

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


اسلام 11 : http://www.traidnt.net/vb/traidnt2492686