اساسيات لغة HTML

1 إصدارات HTML .

هو الموضوع كبير ولكن يتلخص في انه في عام 1991 قام Tim Berners-Lee باختراع هذه اللغة ثم في عام 1995 قام مجموعة من المُبرمجين بتطوير هذه اللغة وأصبحت HTML 2.

ولكن في عام 1997 قامت منظمة w3.org بتولي مسئولية تطوير وتحديث هذه اللغة وأصبحت المصدر الرسمي لإصدار لغة HTML حتى توصلنا في شهر ديسمبر عام 2017 الى أحدث إصدار وهو HTML 5.2


2 ماهي لغة HTML وأهميتها في انشاء صفحات الويب.

أولا قبل ما أتكلم في أي حاجة لغة HTML ليست لغة برمجة ولكن هي لغة وظيفتها وصف المُحتوى داخل صفحة الويب بمعنى انه إذا أردت كتابة مقال في الموقع فان المقال يتكون من 1- عنوان المقال (ويكون بخط اكبر من مُحتوى المقال) 2- مُحتوى المقال. وانت تُريد ان تصف ذلك الى المُتصفح لكي يتم عرض المقال على موقعك بصورة سليمة بدون أي أخطاء وهذه باختصار وظيفة لغة HTML وصف المُحتوى داخل الموقع للمُتصفح .
و HTML اختصار ل Hyper Text Markup Language و Markup Language تعنى لغة توصيف النص.

3 بعض المُكونات الرئيسية للموقع الإلكتروني أو الهيكل التخطيطي البسيط لصفحة HTML .

Header
Navigation Bar
Sidebar
Main content
Footer

تختلف مُحتويات أي مُكون من مكونات الموقع على حسب تصميم الموقع او رأى العميل صاحب الموقع

3.1 Header
هو الجزء العُلوى من الموقع والذي غالبا يحتوي على
1- اللوجو الخاص بالموقع او اسم الموقع
2- Navigation Bar
3- مربع البحث للبحث عن شيء ما داخل الموقع.
في حالة موقعنا فإن ال Header يحتوي على :
1- اسم الموقع في الأعلى courses4arab.com
2- وأسفل اسم الموقع يوجد ال Navigation Bar .
3.2 Navigation Bar
هو جزى من ال Header وأحيانا ال Header الخاص بالموقع يحتوي على Navigation Bar فقط. وهو الذي يحتوي على روابط تستطيع من خلالها التنقل بين صفحات الموقع وغالبا يحتوي على صفحات رئيسية مثل
1- About us
2- contact us
3- Home
3.3 Main content
المعلومات الأساسية داخل الصفحة التي بدونها الصفحة ليس لها معنى؛ وتكون في منتصف الصفحة بين ال Header وال Footer
3.4 Sidebar
هو الجزء الجانبي للموقع والذي غالبا يحتوي على إعلانات ولكن كما ترى ال Sidebar لموقعنا هو عبارة عن روابط لتعليم لغات البرمجة.
دا مكان ال Sidebar
3.5 Footer
هو أخر جزء من الموقع الموجود أسفل الموقع. ويمكن ان يحتوي على أي شيء تريده ممكن مثلا
1- روابط لصفحات التواصل الاجتماعي للموقع
2- روابط لصفحات داخل الموقع.
ولكن في حالة موقنا كما ترى عبارة عن جملة بسيطة ♥
Designed and developed by Ali Hassan © 2020

المُلخص

1- إصدارات HTML سيبك منها مبتأكلش عيش😂

2- كل الى انا عاوزك تعرفة عن لغة ال HTML انها:

  • ليست لغة برمجة
  • وظيفتها وصف المُحتوى داخل الموقع للمُتصفح

3- من العناصر الرئيسة للموقع :

  • Header
  • Navigation Bar
  • Main content
  • Sidebar
  • Footer
Do not waste your time and start with us, now 😍