الان لنشرح ما قمنا به سابقا من الناحية العلمية .. ونستعرض معنا الكود الذي كتبناه معا في التمرين السابق وهو :
كود HTML:
<html>
<head>
</head>
<body>
</body>
</html>
ابتدأنا كتابة المستند بكلمة html داخل قوسين زاوية < > لتصبح <html> هذا يسمى بمعرّف البداية اي اننا اخبرنا هنا متصفح الويب انه هنا يبدأ عنصر ال html .. وكنا قد انهينا المستند بنفس الكلمة ولكن زدنا قبلها داخل القوسين الشحطة المائلة / <html/> وهي علامة اقفال المعرّف وهنا نخبر متصفح الويب انه انتهى هذا العنصر بعد ان اقفلناه
ما معنى كلمة html
يتم انشاء كافة صفحات ويب باستخدام لغة النص التشعيبي (Hypertext Markup Language)
واختصارها هو html وهي تماما لاصق تلتصق فيها صفحات الويب مع بعضها البعض ..
لغة ال html تعد لغة مرتة وقوية و في نفس الوقت هي لغة سهلة الفهم وليست معقدة ولا تحتاج الى ادوات خاصة بل يكفينا كما راينا في مثالنا استخدام برنامج المفكرة Notepad الذي يخص نظام الويندوز .
ولغة ال html تحتاج في داخلها الى مجموعة من المعرفات تصف كيفية تنظيم العناصر على الصفحة مثلا تنظيم النص الصور الخ .. والتي سنأتي علي اهمها بالتفصيل لاحقا ان شاء الله..
في داخل العنصر html وضعنا معرّفين اساسيين وهما head و body هما الرأس والجسد لصفحة الويب
فالمعرف head يتضمن معلومات العنوان الذي يصف المستند ويصف بالتالي محتويات صفحة الويب هذه التي اقوم بانشائها "سنأتي على شرحها بالتفصيل .. فأنا مثلا عندما اقوم بتصميم صفحة اقوم بتصنيفها انها موقع شخصي فيه شعر وموسيقى وتصميم الخ واسم الصفحة وهذه لا تظهر للعيان وانما احتاجها للارتباط على مواقع البحث
وعنصر ال body وفيه تكون كافة محتويات صفحة الويب التي تظهر للعيان كالخطوط والصور وتنظيم الصفحة والجداول الخ .. ايضا سناتي على شرحها بالتفصيل .
ولا حظ ايضا اننا كتبنا المعرفين داخل اقواس زاوية .. ووضعنا لهما معرّف البداية <head> ومعرف النهاية
</head> وكذلك الامر ينطبق على المعرف head
نستنج مما سبق ان
-المعرف html هو الذي يحيط بكامل المستند
-المعرف head هو الذي يتضمن معلومات عنوان المستند
-المعرف body هو الذي يحيط بمكونات صفحة ويب .
لنعد الان الى الصفحة البيضاء الخالية التي قمنا بتأسيسها لا يحزنك انها فارغة فقريبا ستمتلىء وتصبح صفحة البداية لموقعك القادم ان شاء الله ..
غدأ ان شاء الله نكمل مع تطبيق جديد .
تحياتي