أساسيات في لغة Html

السلام عليكم ورحمة الله وبركاته

لغة ال html أو Hyper Text Markup Language بمعنى لغة ترميز النصوص ,
هي لغة مستخدمة لانشاء صفحات الانترنت .

* ما الفرق بين ال html ولغات برمجة أخرى ؟
– أنها بسيطة ورموزها سهلة .
– أنها ليست لغة برمجة بالضبط , فهي لا تحتاج لبرنامج يترجمها للغة الحاسب وهو ما يسمى
ال compiler بل يتم تنفيذ تعليماتها مباشرة عبر متصفح الانترنت .

* لماذا نتعلم ال html وليس ال frontpage ؟
الفرونت بيج هو برنامج يقدم لنا أكواد لغة ال html على طبق من ذهب ومن الواجب تعلمه لمن
يريد انشاء موقع على الانترنت ؛ لأنه يسهل العمل كثيرا حيث أنه يحول النصوص العادية التي
نكتبها الى أكواد html جاهزة .
لكن . .إذا أردنا تعلم اللغة من أساسها , وأن نمتلك قدرات أكثر في بناء المواقع , وأن نحترف
أكثر , يغدو من واجبنا أن نتعلم ال html .. وبعد تعلُمها يصبح فهم ال frontpage
أسرع من لمح البصر

نبذة عن لغة البرمجة html

نبذة تاريخية حول لغة HTMLالـ HTML هي اختصار Hyper Text Markup Language أي لغة ترابط النصوص التشعبية , وهي التقنية الجوهر التي تتحكم بما سوف يعرضه المستعرض على الشاشة.
تم تصميم HTML في البدء لكي يتمكن العلماء من إنشاء مستندات نصية تحتوي على أوامر تنسيق أساسية تسمى (ترميز) وارتباطات إلى معلومات أخرى (تسمى نصوص تشعبية أو ارتباطات تشعبية) على سبيل المثال يمكن أن يحتوي مستند عن الهزات الأرضية على ارتباط إلى مستندات أخرى تتحدث عن الهزات الأرضية كتبها علماء آخرون.

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

أساسيات الوسوم (الأوامر) : هي عبارة عن مجرد ملف نصي عادي يكتب في أي برنامج نصي (على سيبل المثال NotePad) ويحفظ بصيغة HTML أو HTM , ويحتوي هذا المستند على شفرات خاصة تسمى وسوم “أوامر” (Tags) توضع عادة حول كتل من النصوص , تلك الكتل والوسوم تسمى عناصر (Elements) ويفسر مستعرض الوب كإنترنت إكسبلورر او نيتسكيب تلك العناصر ليحدد كيفية عرضه على الشاشة. في معظم الأحيان, يملك كل عنصر في HTML وسم فتح ووسم أغلاق ويتألف وسم الفتح من إسم الوسم مع أشارتي أصغر من وأكبر من . على سبيل المثال:
وسم فتح الخط العريض هو ويكون وسم إغلاقه محصوراً بين الإشارات أيضاً ولكن في هذه الحالة توجد شرطة أمامية قبل إسم الوسم , ويوضع النص الذي سيتأثر بالوسم بين وسمي الفتح والإغلاق … وعند قيام المستعرض بالتفسير سيظهر النص المكتوب بين الوسمين.

على سبيل المثال :

لكتابة الإنترنت للجميع بالخط العريض نجعلها بين وسمَيْ الفتح والاغلاق

الإنترنت للجميع

** قبل كل شيء إفتح أي برنامج كتابة لديك على سبيل المثال برنامج المفكرة Notepad في ويندوز. واكتب الآتي :-

مرحباً بكم في عالم الإنترنت

إحفظ الملف بأي إسم ولكن بصيغة html. مثلاً : index.htm أو index.html

وسوم HTML الحيوية :
الوسم الأول يشير للمستعرض أنَّ المواد التي تليه يجب معالجتها باستعمال قواعد التركيب النحوي ..والبنيوي الذي تفرضه لغة HTML ، و dir=rtl تخبر المستعرض أن الكتابة ستكون من اليمين إلى اليسار.(كلغتنا الحبيبة).ويظهر وسم الإغلاق المناسب له كالتالي في نهاية الملف.

وسوم الترويسة :يشير الوسمان .. و إلى حدود منطقة الترويسة في الملف .. التي تحتوي على بنود لا تظهر على الصفحة بشكل مباشر ، وهي اختيارية .. رغم أن بعض العناصر تعمل فقط عند وضعها ضمنها .. TITLE هو أحد العناصر . يعرف الوسمان

هذا يريك نصاً عريضاً
هذا يريك نصاً مائلاً
هذا يريك خطاً تحت النص
هذا يريك كيفية تغيير لون الخط
هذا يريك كيفية تغيير حجم الخط
هذا يريك كيفية تغيير نوع الخط

السطران الأولان في الجسم يحتويان على وسمي تنسيق أحرف أساسيين ، لجعل النص أسود عريضاً ومائلاً. في السطر الأول ، يحيط الوسمان و بالكلمتين نصاً عريضاً وهاتين الكلمتين ستظهران سوداوان عريضتان في المستعرض. وفي السطر التالي يؤدي الوسمان و إلى جعل الكلمتين نصاً مائلاً مائلة. هناك أيضاً عدة وسوم تنسيق أحرف أخرى ، كـ للتسطير و للشطب و لرفع الأحرف.