عود حميد بإذن الله و نعتذر عن الغياب الطويل
أتكلمنا فى المقالة السابقة عن تصميم و تطوير الويب و قولنا أن الويب بينقسم الى قسمين frontend و backend و قولنا ان كل قسم بيستخدم مجموعة من اللغات و كل لغة منهم ليها تخصص و أستعمال خاص بيها .
لو عاوز تقرأ المقال كامل أضغط هنا .
اللغات المستخدمة فى الـ frontend
- html
- css
- html5
- css3
- Javascript
- bootstrap
هنتكلم النهاردة عن لغة html
لغة html هى من أساسيات اى موقع فلا يوجد موقع على الأنترنت بدون html فهى بمثابة الهيكل العظمى للموقع .
لغة html هى أختصار لجملة HyperText Markup Language ( لغة ترميز النص التشعبى ) و هى من أقدم اللغات و منتشرة جدا و سهلة جدا للتعلم و بنستخدمها عشان نعرف نضيف هايبر لينك او نضيف صورة او فيديو بنقوم بربط الملفات الخاصة باللغات التانية زى ملف css و ملف javascript و نعرف بيها المتصفح ترتيب الأوامر و نقدر نعدل عليها بكل سهولة .
ظهرت امتا ؟
فى سنة 1980 م العالم الفيزيائى تيم بيرنرز لى أقترح طريقة جديدة يقدروا بيها يستخدموا الملفات و يشاركوها و فى سنة 1989 م كتب مذكره يقترح فيها ترميز النص الفائق hypertext مبنى على الانترنت و وصف اللغة و انتهى من كتابة البرامج الخاصى بالتصفح فى أواخر عام 1990 م .التحديثات و الأصدارات :
كان للغة أكثر من أصدار فخرج لنا :
- HTML 2 تم أصدارها فى 25 من نوفمبر عام 1995.
- HTML 3.2 تم أصدارها فى 12 من سبتمبر عام 1996.
- HTML 4 تم أصدارها فى 24 من أبريل عام 1998.
- HTML 5 تم أصدارها فى 28 من أكتوبر عام 2014 .
- HTML 5.1 تم أصدارها فى 1 من نوفمبر عام 2016 .
- HTML 5.2 تم أصدارها فى 14 من ديسمبر عام 2017 .
تكوين مستند HTML
يتكون مستند html من عناصر و كل عنصر يتكون من عدة وسوم تعرف بأسم tags فيوجد وسم بداية و نهاية و المحتوى و يكون وسم البداية فى مثل هذا الشكل " <p> " فيوجد الوسم المراد وضعه داخل قوسين كما قى الشكل و يكون وسم النهاية مشابه له مع وجود فرق بسيط و هو أضافة " / " قبل كتابه الوسم كما فى الشكل " <p/> " أما المحتوى فيكون هو الذى بين الوسمين البداية و النهاية .
مثال :
<p> hello world </p>
يتكون مستند html من مجموعه من الوسوم فيبدا المبرمج بتعريف المتصفح انه يستخدم لغه html عبر وسم
<!DOCTYPE html>
<html>
تم بعدها نبدأ فى تقسيم الملف الى جزئين الرأس <head> و الجسد <body>
فى وسم الـ head نضع العنوان و نقوم بربط المستند مع بقية المستندات الخاصة باللغات الأخرى لتكوين الموقع و نضع الكلمات المفتاحية و وصف البحث و غيره
و فى وسم الـ body نضع المحتوى الخاص بالموقع و يتكون المحتوى من ازرار و صور و فقرات و غيره الكثير و الكثير .
كان هذا شرح مبسط للغه و أهميتها و كيفيه عملها و بعض المعلومات عنها .
دورات لتعليم لغة Html
لدوره الزيرو ويب فى html اضغط هنا
لدوره الزيرو ويب فى 5 html اضغط هنا
