بسم الله الرحمن الرحيم
السلام عليكم
السلام عليكم
أعزائي أعضاء منتديات الهمة
وكما وعدنا، اليكم دروس html التمست في صياغتها الوضوح والبساطة والتدرج
واذا جدت تجاوبا، وفائدة ناتجة، قد نتمم html ونمر الى php
وأود أن أنبه الى أن هاته الدروس البسيطة تحتاج الى التطبيق
ونحن هنا، لاستقبال استفساراتكم، وأسئلتكم
واليكم أعزائي الدرس الاول
نبذة تاريخية حول لغة HTML
الـ HTML هي اختصار Hyper Text Markup Language أي لغة ترابط النصوص التشعبية , وهي التقنية الجوهر التي تتحكم بما سوف يعرضه المستعرض explorateur أو browserعلى الشاشة.
تم تصميم HTML في البدء لكي يتمكن العلماء من إنشاء مستندات نصية تحتوي على أوامر تنسيق أساسية تسمى (ترميز) وارتباطات إلى معلومات أخرى (تسمى نصوص تشعبية أو ارتباطات تشعبية)
على سبيل المثال يمكن أن يحتوي مستند عن الارشيفات في المغرب على روابط إلى مستندات أخرى تتحدث عن الارشيفات كتبها آخرون. عن الارشيفات في بلدهم, وهكذا يمكننا أن نبحر بين الصفحات في نفس الموقع وفي مواقع أخرى.
لم يخطر على بال مخترعي HTML أن هذه التقنية ستبرهن عن فعالية وفائدة لدرجة أنها ستصبح السبب الرئيسي لنمو الويب.
أساسيات الوسوم les balises :
قبل أن تنتحدث عنها
يجب أن نعرف أين نكتبها
نكتبها أعزائي في أي برنامج نصي على سيبل المثال NotePad ويحفظ بصيغة HTML أو HTM ,
ويحتوي هذا المستند الذي أنشأناه ب NotePad على شفرات خاصة تسمى وسوم balises وهي هكذا <> وهي "أوامر" (Tags) توضع عادة حول كتل من النصوص , تلك الكتل والوسوم تسمى عناصر
(Elements)
ويفسر مستعرض الويب كإنترنت إكسبلورر تلك العناصر ليحدد كيفية عرضها على الشاشة. في معظم الأحيان, يملك كل عنصر في HTML وسم فتح ووسم أغلاق ويتألف وسم الفتح من إسم الوسم مع أشارتي أصغر من وأكبر من < و >
على سبيل المثال :
وسم فتح الخط العريض هو B وسط الرمزين <> ويكون وسم إغلاقه محصوراً بين الإشارات أيضاً ولكن في هذه الحالة توجد شرطة أمامية قبل إسم الوسمB/ , ويوضع النص الذي سيتأثر بالوسم بين وسمي الفتح والإغلاق ... وعند قيام المستعرض بالتفسير سيظهر النص المكتوب بين الوسمين.
لكتابة مرحبا بكم في منتديات الهمة، بالخط العريض نجعلها بين وسمَيْ الفتح والاغلاق
![دورة html من الصفر 7810_01217705356](https://2img.net/h/www.al3mlaq.com/vb/uploaded/7810_01217705356.jpg)
** قبل كل شيء إفتح أي برنامج كتابة لديك على سبيل المثال برنامج المفكرة Notepad في ويندوز. واكتب الآتي :-
![دورة html من الصفر 7810_01217704908](https://2img.net/h/www.al3mlaq.com/vb/uploaded/7810_01217704908.jpg)
توضيح:
![دورة html من الصفر 7810_01217705675](https://2img.net/h/www.al3mlaq.com/vb/uploaded/7810_01217705675.jpg)
اذا انتهيتم من كتابة الكود
![دورة html من الصفر 7810_01217704908](https://2img.net/h/www.al3mlaq.com/vb/uploaded/7810_01217704908.jpg)
إحفظوا الملف بأي إسم ولكن بصيغة html. مثلاً : index.htm أو index.html
كيف ذلك، fichier, enregistrer sous,
حددوا المكان، مثلا سطح المكتب bureau
ثم صيغة الحفظ html.
عودوا الى المكان الذي حفظتم فيه الملف افتحوه وستجدون النص
وأخيرا، أود أن أنبه إلى أن التطبيق أهم شئ
أنتظر تفاعلكم مع الموضوع لأتمم
أختكم اليمامة