لغة html و دورها فى تصميم الويب

القائمة الرئيسية

الصفحات

أخر الأخبار

عود حميد بإذن الله و نعتذر عن الغياب الطويل  

أتكلمنا فى المقالة السابقة عن تصميم و تطوير الويب و قولنا أن الويب بينقسم الى قسمين frontend و backend و قولنا ان كل قسم بيستخدم مجموعة من اللغات و كل لغة منهم ليها تخصص و أستعمال خاص بيها .

لو عاوز تقرأ المقال كامل أضغط هنا .

اللغات المستخدمة  فى الـ frontend 

  1. html
  2. css
  3. html5
  4. css3
  5. Javascript
  6. bootstrap

هنتكلم النهاردة عن لغة html 

لغة html هى من أساسيات اى موقع فلا يوجد موقع على الأنترنت بدون html فهى بمثابة الهيكل العظمى للموقع .
لغة html هى أختصار لجملة HyperText Markup Language ( لغة ترميز النص التشعبى ) و هى من أقدم اللغات و منتشرة جدا و سهلة جدا للتعلم و بنستخدمها عشان نعرف نضيف هايبر لينك او نضيف صورة او فيديو بنقوم بربط الملفات الخاصة باللغات التانية زى ملف css و ملف javascript و نعرف بيها المتصفح ترتيب الأوامر و نقدر نعدل عليها بكل سهولة .

ظهرت امتا ؟

فى سنة 1980 م العالم الفيزيائى تيم بيرنرز لى أقترح طريقة جديدة يقدروا بيها يستخدموا الملفات و يشاركوها و فى سنة 1989 م كتب مذكره  يقترح فيها ترميز النص الفائق hypertext  مبنى على الانترنت و وصف اللغة و انتهى من كتابة البرامج الخاصى بالتصفح فى أواخر عام 1990 م .

التحديثات و الأصدارات :

كان للغة أكثر من أصدار فخرج لنا :
  1. HTML 2  تم أصدارها فى 25 من نوفمبر عام 1995.
  2. HTML 3.2 تم أصدارها فى  12 من سبتمبر عام 1996.
  3. HTML 4 تم أصدارها فى 24 من أبريل عام 1998.
  4. HTML 5 تم أصدارها فى 28 من أكتوبر عام 2014 .
  5. HTML 5.1 تم أصدارها فى  1 من نوفمبر عام  2016 .
  6. 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 اضغط هنا 

reaction:

تعليقات