مدخل إلى لغة HTML - (الدرس الأول)
مقدمة في لغة HTML ، وكيفية كتابة الأكواد في لغة HTML
مرحباً بكم أعضاء وزوار مدونة HADH TECH في هذه السلسلة التعليمية الجديدة تحت عنوان مدخل إلى تطوير واجهات الويب باستخدام HTML & CSS ، حيث سنستعرض في هذا الدرس (مدخل إلى لغة HTML) وذلك بعد أن أخذنا في الدرس السابق قصة إنشاء الويب ومع ظهوره ظهرت معه لغة بناء صفحات الويب الا وهي لغة HTML.
ظهرت لغة HTML في عام 1990 مع
اختراع الويب (World Wide Web) ، لكن لغة HTML
لا تصنف على أنها لغة برمجة وإنما هي لغة توصيف أي لغة وصفية لوصف الأشياء.
تقوم لغة HTML
بوصف وهيكلة محتوى الصفحات، ثم يقوم المتصفح بترجمة هذا الوصف (الكود) ليظهر
للمستخدم كصفحة ويب.
فالمتصفح (Browser) هو بمثابة "قارئ HTML
" يقوم بقراءة ملف HTML
ويظهره كصفحة ويب.
إذا ما معنى HTML؟
HTML = Hyper Text Markup Language
Hyper Text = يقصد بها النص الذي لديه
القدرة لأن يكون تفاعلياً .
Markup = يقصد بها القدرة على وضع روابط وقوائم وعناوين ومحددات أخرى تحدد أجزاءً للصفحة (النص).
لكن الكثير من الناس يقع في بعض الأخطاء، حيث يعتقد البعض أن HTML
هي لغة برمجة، لكن قد تكلمنا في هذه النقطة وأخبرنا أن لغة HTML
هي لغة وصفية.
وأيضاً يخطأ البعض حين يعتقد أن لغة HTML هي
لغة تصميم مواقع، لكنها في الحقيقة هي جزء من تصميم المواقع، فهي تهتم بشكل أساسي
بتحديد أماكن العناصر على الصفحة Page structure.
مثلا :: لو اردنا أن يظهر النص الفلاني في الجهة اليمنى،
وتظهر الصورة في منتصف الصفحة؛ فهذه المهمة ستكون من مهام HTML.
كيف نكتب أكواد HTML ؟
حجر الأساس والعنصر الرئيسي في
لغة HTML هو الوسم (Tag)،
إذا فلغة
HTML هي عبارة عن مجموعة من الوسوم(Tags).
وهناك نوعان من الوسوم :
1) الوسوم الفردية (Empty Tags):- وهي الوسوم التي تتكون من جزء واحد فقط
مثال: </ tag>
2) الوسوم الزوجية (In Close Tags):- وهي الوسوم التي تتكون من جزئين جزء لبداية الوسم وجزء لإغلاقه
مثال: <tag> </tag>
هناك العديد من الخيارات لتحرير الأكواد البرمجية منها البيئات المباشرة online والعديد من البرامج المكتبية مثل ++Notepad والذي شرحنا في تدوينة سابقة مميزاته مع رابط التحميل لآخر إصدار .
راجع التدوينة من هنا
إنتظرونا في الدرس الثاني ....