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

الصفحات

تعديل المشاركة

ملخص اكواد html عربي للمبتدئين

python
(0)

 تقدم لكم مدونة python0303 ملخص لاكواد html عربي للمبتدئين 

أوامر HTML ووظائفها .. وجميع أكوادها الهامة

تعريف HTML

إن html هي لغة من لغات البرمجة حيث أنها تستخدم لإنشاء صفحات موقع الإنترنت والتي تُعرض عن طريق أحد برامج مستعرضات الإنترنت، ولكن يجدر بنا التنويه أنها ليست لغة برمجية بالمعنى والشكل المتعارفين عليه في لغات البرمجة الأخرى مثل لغة C، فلها نمطها الخاص حيث أنها لا تحتوي على جمل الدوران وجمل التحكم، ويجب وضعها في حال اضطرارية استخدام هذه الجمل في شيفرات من لغات أخرى مثل java ،javaScript ،C.

تتميز لغة HTML بأنها لا تحتاج إلى مترجم خاص يتضمن Compiler، لهذا فهي تعتبر لغة برمجية سهلة الفهم والتنفيذ، ولأنها لا تتطلب معرفة سابقة بلغات البرمجة، فمن متطلباتها فقط التفكير المنطقي بالإضافة إلى ترتيب الأفكار، وإن كلمة HTML هي اختصار لــ  Language Markup Text Hyper.[1]

هذا هوا ملخص اكواد html عربي للمبتدئين:






أوامر وأكواد HTML مع الشرح

إن الأمر <html> يكتب في بداية الكود حتى يشير إلى أن المستند مكتوباً بلغة html  وإن كود هذه اللغة البرمجية يقسم إلى قسمين هما:

  • head : وهو المنطقة المخصصة لكتابة معلومات المتصفح حول الصفحة مثل عنوان الصفحة.
  • body : وهو المنقطة المخصصة لكتابة المحتوى الذي سيكون داخل الصفحة.

  • وإن أكواد لغة HTML هي:

    • <DOCTYPE!> يحدد هذا الوسم نوع المستند.
    •  <html> ويتم وضعه في بداية الملف لأنه يدل على اللغة البرمجية المستخدمة.
    •  <head> وهو كود خاص برأس الصفحة حيث أنه يتضمن عنوان الموقع الذي سيظهر في تبويب الموقع، بالإضافة إلى أنه يحتوي على المعلومات الإضافة للصفحة مثل الكلمات المفتاحية وغيرها من الأمور التي لا تكون متضمنة ضمن المحتوى.
    • <A> وسم خاص بالارتباط التشعبي النصي مثل <a href=”https://www.almrsal.com”>تفضل بزيارة موقع المرسال</a>.
    • <abbr> يعمل على تعريف الاختصار.
    • <address> هذا الوسم وظيفته تعريف العنوان.
    • <area> يعمل على تحديد منطقة محددة في الصورة.
    • <article> وهو وسم خاص بالمقالات.
    • <base> وظيفته تثبيت رابط نصي لجميع العناصر الموجودة في الصفحة.
    • <b> وسم لتغيير الخط وجعله سميكاً.
    • <br> وسم بداية سطر جديد.
    • <u> وهو الوسم الذي يختص بالكتابة ويضع خط تحتها.
    • <i> وهو الوسم الذي يجعل الخط مائلاً.
    • <button> وهو الوسم الخاص لإضافة زر.
    • <h1> وهو الوسم الخاص بترويسة العنوان الرئيسي.
    • <h6> وهو الوسم الخاص بترويسة العنوان الفرعي.
    • <bdo> يعمل على تحديد اتجاه النص.
    • <big> يعمل على التحكم في حجم النص وجعله أكبر.
    • <blockquote> يقوم هذا الوسم بتحديد اقتباس.
    • <caption> يعمل على شرح مجموعة من العناصر في نموذج مخصص ويتم كتابته بعد <table> ويختص بإضافة عنوان رئيسي للصفحة. .
    • <center> يقوم هذا الوسم بتوسيط العناصر.
    • <textarea> وهو الوسم الذي يقوم بعمل منطقة كتابة نص مع تحديد المسافة والمساحة.
    • <sub>يستخدم لجعل الكلمة أسفل السطر.
    • <sup> يستخدم لجعل الكلمة أعلى السطر.
    • <span> يعمل هذا الوسم على تنسيق كلمات داخل فقرة كاملة كتغيير اللون أو تغيير نوع الخط، بالإضافة إلى العمل على تنسيق الفقرة بأكملها ولكن تريد أن تستثني مقطع أو كلمة معينة.
    • <small> يعمل على كتابة النص بحجم صغير.
    • <s> يعمل هذا الوسم عندما نريد أن نشطب كلمة.
    • <q> يعمل هذا الوسم على وضع وتحديد علامات تنصيص حول الفقرة.
    • <pre> يعمل على وضع النص المكتوب بحجم ومسافات ثابتة، بالإضافة إلى أنه يعمل المسافات بواسطة استخدام المسطرة وعمل الفواصل.

    • وظائف لغة html

      إن الوظيفة الأساسية للغة html هي إنشاء صفحة ويب والتي تصبح من خلال أوامر وأكواد خاصة وتسمى أيضاً بالوسوم، حيث أن هذه الصفحة تعمل بواسطة برنامج مستعرض الإنترنت التي تقوم بتنفيذ هذه الأكواد ولإظهار آثارها على صفحة المستعرض، وإن وظائف لغة البرمجة html هي:

      • هي التي تعمل على وصف بنية صفحات الويب هيكلياً.
      • تحتوي لغة html على عناصر نستطيع عن طريقها إضافة الصور والكائنات التفاعلية.
      • تعمل على إنشاء مستندات عن طريق الوسوم التي تشير إلى الفقرات والعناوين بالإضافة إلى أنها تشير إلى الاقتباسات والجداول والروابط.
      • من خلال هذه اللغة البرمجية نستطيع تنسيق الصفحة واستخدام الألوان والخلفيات.
      • تسمح بإدراج الصور والرسومات بالإضافة إلى التحكم بأحجام وأبعاد هذه الصور.
      • تسمح بإدراج روابط ووصلات تشعبية.[3]

أخر المواضيع من قسم : html

تعليقات

إرسال تعليق