على بركة الله نبدأ هذه الدروس وهذه العناصر الرئيسية التي سوف نتطرق لدراستها في أسس صفحة HTML:
· أسس صفحة HTML .
· حفظ الملفات.
· إضافة التنسيق الأساسي .
· ملاحظات .
· هناك عدة وسوم HTML ضرورية لكي تعمل صفحة HTML .
· يجب اعتبار هذه الوسوم أساساً لأي صفحة HTML جيدة.
· بإمكانك تحديد وسوم HTML بسهولة فهي الكلمات التي تبدأ بـ > وتنتهي بـ < وتعتبر أوامر مكودة تسمى وسوم HTML لأنها تسم أقساماً من صفحة HTML وتبلغ متصفح الوب ما يجب فعله بذلك القسم.
· معظم وسوم HTML وليست جميعاً تتكون من قسمين :
وسم البداية <> يشير إلى بداية قطعة نص ووسم النهاية </> الذي يبين نهاية قطعة النص ذاتها.
وإليك الجدول التالي الذي يبين وسوم البناء الأساسية و وسوم الانتهاء المرافقة لها.
الوسوم Tags
وسم النهاية-----------وسم البداية
<html>-----------------</html>
<head>-----------------</head>
<title>----------------</title>
<body>-----------------</body>
· <HTML> و </HTML> : توضع في أعلى و أسفل الصفحة ومهمتها تبليغ المتصفح بأن الصفحة هي صفحة HTML .
· <HEAD> و </HEAD> : يحتوي هذا القسم على معلومات خاصة بتعريف الصفحة.
· <TITLE> و </TITLE> : يبين العنوان الظاهر على شريط المتصفح العلوي ويكون ضمن الترويسة <HEAD> .
· <BODY> و </BODY> : يتم فيه كتابة نصوص وصور ورسوم ووصلات وجداول ومحتويات الصفحة.
و إليك شرحاً بالرسم لشكل صفحة HTML:
إليك هذا المثال التطبيقي الذي يشتمل على الوسوم التي تعلمناها سابقاً :
<html>
<head> <title> صفحة تجريبية</title>
</head>
<body>
هذه صفحتي الأولى
</body>
</html>
وهذه نتيجة المثال السابق:
---------------------------
حفظ الملفات
احفظ كل ما تكتبه بلغة html على شكل نص ASCII القياسي العادي . وتعمل المفكرة ومعظم برامج النصوص على حفظ الملفات دائماً على شكل نص عادي .
وعليك أن تتأكد من أن هذا صحيح للبرمجية التي تكود بها.
غير أن اسم لاحقة الملف لن يكون .TXT أو .ASC وهي اللواحق الافتراضية لمحرر النصوص. وسوف نقوم يدوياً بتسمية ملفك باستخدام اللاحقة .HTML أو .HTM كلاهما جائز.
مثال احفظ المثال السابق بالاسم التالي : MY PAGE.HTM
بعد أن تحفظ عملك بالشكل السابق تقوم بفتحه بالطريقة التالية:
1- تفتح صفحة المتصفح الموجود لديك وليكن اكسبلورر.
2- من قائمة ملف تختار فتح.
3- استعراض.
4- تبحث عن الملف الذي حفظته بنفس الاسم الذي أعطيته له.
---------------------------
في الدرس القادم نتطرق إن شاء الله لما تبقى من هذا الموضوع