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

الصفحات

 





ماهي لغة HTML ؟ وكيف تستخدم في تصميم صفحات الويب ؟




كلمة HTML هي الحروف الأولى من عبارة " Hyper Text Markup Language " وتعني لغة ترميز النص الفائق ، تم تطويرها في عام 1993م على يد المبرمج الشهير Tim Berners- Lee ، وتقريباً لا يوجد أي صفحة على الويب إلا و تعتمد على لغة HTML فهي الهيكل العظمي الذي نعتمد عليه لبناء أي موقع أو تطبيق .


ماهو الهدف الرئيسي من HTML ؟

اقرأ أيضاً : 

ماهي لغة CSS ؟ وكيف تستخدم في تصميم مواقع الويب

تقوم لغة HTML بتحديد المكونات الأساسية لأي صفحة ويب ، مثل : 

• الروابط الأساسية للوصول للصفحات .

• العناوين المختلفة .

• وضع الملفات المختلفة مثل الصور والفيديو .

• تحديد العناصر المساعدة مثل : Buttons وغيرها .






ماهي وسوم لغة HTML ؟


يوجد أربع وسوم Tags وتسمى بوسوم هيكلية المستند وذلك يعني أن أي ملف نقوم بتصميمه يحتوي على هذه الوسوم ، وهذه الوسوم هي : 

  1. وسم <html>  </html>
  2. وسم <body>  </body>
  3. وسم <head> </head> 
  4. وسم <title> </title>
  • وسم <html> : هذا الوسم يعني أن النص يحتوي على أوامر HTML وليس نصاً عادياً .
  • وسم <head> : يعتبر هذا الوسم بمثابة رأس الصفحة ، والذي يتم وضع معلومات الصفحة فيه مثل : page title .
  • وسم <title> : هذا الوسم مخصص لعنوان الصفحة ، ويظهر في أعلى نافذة مستعرض الويب .
  • وسم <body> : هذا الوسم بمثابة جسم الصفحة ويحتوي على جميع النصوص و الصور التي ستعرض في الصفحة.
كما يوجد وسوم أخرى سنقوم بذكرها : 

  • وسم <h1> <h2> <h3> <h4> <h5> <h6> : هذا الوسم مخصص للعناوين بحيث إذا أردت أن تكتب عنوان معين تستطيع من خلال هذا الوسم أن تضع عنوان المقالة بين وسمين تختارهما حسب حجم الخط الذي تريده ، حيث تمثل <h1> أكبر حجم للعنوان ، وتمثل <h6> أصغر حجم للعنوان .
  • وسم <font> : يتحكم في الخطوط من حيث النوع وحجم ولون الخط .
  • الوسم <b> : اختصاراً لكلمة bold مخصص للخط الغامق .
  • الوسم<i> : اختصاراً لكلمة italic مخصص للخط المائل .
  • الوسم </u> : اختصاراً لكلمة under line وهو مخصص لوضع خط أسفل الكلمة أو الجملة .
  • الوسم </big> : مخصص للخط الكبير .
  • الوسم </small> : مخصص للخط الصغير . 
  • الوسم </strike> : مخصص للخط المشطوب .

في النهاية تعتبر لغة HTML من لغات الترميز البسيطة وسهلة التعلم يمكنك تعلمها في يوم واحد فقط ، أو يمكنك دراستها على فترات منفصلة على مدى أيام محددة، كما ننصحك باستخدام محرر ++Notepad أو محرر Komodo ، وذلك لأنها تحوي على مساعدة في كتابة الوسوم ، كما يوجد العديد من المحررات الأخرى مثل : dream waver لكنه غير مجاني .

سنقوم بكتابة تفاصيل عن هذه اللغة في المقالات القادمة ، شكراً لك! 




تعليقات

تعليقان (2)
إرسال تعليق
  1. نعم مفيد
    شرحولنا على شغلات بتكون تتعلق بالجوالات مثل بنية المعالج ...
    من شو تتألف الشاشةة لحتا نحنا نقدر نشوف ه الصورة يلي قدامنا وهييك..

    ردحذف
    الردود
    1. شكراً لتعليقك صديقي 😍❤
      إن شاء الله رح نشرح عن كلشي بخص التقنية والعديد من المواضيع المفيدة ، بأسلوب مميز ومبسّط.
      شكراً لَك !

      حذف

إرسال تعليق