fbpx

تعلم لغة html من الصفر حتى الاحتراف  

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

ما هي لغة الـ HTML؟

  تعرف لغة HTML بالـ Hyper Text Markup Language، ومعناها لغة التوصيف الحيوي للنصوص، حيث تعد لغة وصف ،وليست لغة برمجة.

  • كما تعتبر  لغة html قاعدة أساسية، عن طريقها يتم توضيح البنية الأساسية للصفحات، وكيفية ظهورها أمام المستخدم.
  • كذلك  تعتبر لغة HTML  لغة وصفية، تقوم على عدة رموز وأوسمة، يستطيع الحاسب أن يفهم من خلالها الطريقة الأفضل لعرض الصفحات
  • تستخدم لغة HTML منذ سنوات عديدة في البرمجة وإلى الآن، وتم انشائها بواسطة الفيزيائي تيم بيرنرز لي. حيث كان يريد وضع ارتباط تشعبي بين النصوص بعضها البعض، من خلال تسهيل عملية الانتقال، من نص لآخر.
  • كذلك قامت الشبكة العالمية World Wide Web Consortium، أو المشهورة باختصارًا بالـ W3C أو WHATWG، بتطوير لغة HTML، لكي تكون مناسبة التطورات العصرية في تصميم المواقع.
  • كذلك تتكون لغة HTML  من عدة أوسمة TAGS وعناصر، يتم من خلالها إنشاء محتوى الصفحات من نصوص، وصور وعناوين، وتقسيم وتوزيع، وأماكن.
  • ويتم من خلالها توضيح النصوص والتعليمات من خلال هاتين العلامتين (>، <)، على أن تكون علامة البداية هي > وعلامة النهاية <.
  • عند نهاية اقفال الترميز، يتم غلق الكود عن طريق اضافة علامة / إلى علامة > وتصبح هكذا، </……..>.

اقرا:أقوى شركات برمجيات في مصر

لماذا اتعلم لغة html

 

تعتمد جميع مراحل البرمجة على تعلم  لغة html بشكل أساسي، حيث من خلالها يتم بناء هيكل وبنية الصفحة. كذلك تستخدم أكثر من ٩٥٪ من مواقع الويب لغة html، وتوفر العديد من الخيارات المهنية الواسعة، التي تفتح لك عند تعلم لغة html.

  1. كما يمكنك من خلال أدوات التحرير المجانية أو مواقع الإنترنت، تعلم لغة  html مجانا.
  2. لا تحتاج لغة html وقتا طويلا لتعلمها أو صعوبة في إيجادها، فهي سهلة وبسيطة عليك فقط فهم أساسيات كتابتها.
  3. كذلك تقوم جميع المتصفحات بدعم لغة  html، لذلك لن تواجه أي مشكلة، في عرض صفحتك على اي متصفح.
  4. بإتقانك للغة html سوف يسهل عليك تعلم  لغات البرمجة الأخرى، حيث يوجد بينهم تشابه في هيكل التصميم.
  5. عندك فهمك للغة html تستطيع التعامل مع المبرمجين لتوضيح لهم مشكلتك، بطريقة سهلة، فليس بالضرورة تعلمها لممارسة علم البرمجة.
  6. كما تساعدك لغة html في أعمال أقسام التسويق وخاصة seo ، حتى تكون على علم بالأساسيات، وتدير عملك بكفاءة.
  7. تساعد كذلك على جعل موقع الويب الخاص بك سهل الاستخدام منظم للزوار له.
  8. كما يساعدك تعلم لغة html على بناء صفحات موقعك الإلكتروني بسهولة، ومنها تنطلق لتعلم لغات أخرى تجعلك أكثر كفاءة في جعل صفحات موقع ذات محتوى جذاب وعصري.
  9. كما يوفر لك تعلم لغة html فرصة عمل تحصل من خلالها على أموال جيدة، سواء اختيارك العمل الحر، أو العمل مع المبرمجين في تأسيس الصفحات.
  10. تعلم اللغة كذلك يجعلك في استغناء عن التعامل مع المبرمجين في المشكلات البسيطة، التى تحدث للصفحة، ومن خلال معرفة الأكواد الخاصة بالصفحة، تستطيع اكتشاف العطل وتعرف كيفية اصلاحه، أو الابلاغ عنه، مما يدعم كفاءتك في العمل أمام مديرك.

تابع كذلك:مهارات من جوجل التسويق الرقمي

ما هي أساسيات تعلم لغة html من الصفر حتى الاحتراف  

تعد لغة HTML لغة وصفية، تعتمد على أساسيات من خلالها يتم تصميم هيكل الصفحات، من هذه الأساسيات ما يلي: 

  1. DOCTYPE 
  • عبارة عن توصيف يكتب في بداية الصفحة من أجل إظهار وتوثيق اللغة التي من خلالها يتم إنشاء الصفحة.
  • ذلك كي يستطيع الحاسوب القيام بتحليل الصفحة، يقوم بتنفيذ الأوامر بسرعة.
  • ويتم كتابة هذا التوصيف أولا قبل كتابة أي كود آخر، ويتم كتابته بالشكل الآتي:

<!DOCTYPE html>

  1. head  و body
  • يتم استعمال ذلك الإعلان في أجل تحديد بداية ونهاية الصفحة، ويتم اطلاق عليها مصطلح الرأس والجسد.
  • حيث يتم استعمال وسم خاص لتحديد البداية وآخر خاص لنهاية عملية التكويد، يتم كتابته كالآتي: 

<head> : 

  • يسمى بوسم البداية
  • يتم بعده القيام بتحديد هيكل الصفحة من فقرات، ونصوص وعناوين.

</head>: 

  • يسمى وسم النهاية.
  •  يتم  من خلاله تحديد بداية أو  نهاية رأس الصفحة.

<body>: 

  • يحدد فيه جسد الصفحة وما تتضمنه من معلومات أساسية التى سيتم عرضها على المستخدم.

</body>: 

  • يحدد فيه نهاية جسد الصفحة ويتم الانتهاء بوصف البيانات فيها.
  1. Title
  • يتم بشكل عام يتم تحديد وكتابة عنوان الصفحة.
  • يتم  ظهوره في عناوين المستعرضات وأيضا في صفحات البحث.
  •  يتم كتابته بين هذين الترميزين 

</title> عنوان الصفحة <title> 

اقرا:اسماء شركات برمجة مصرية

افضل شركة برمجة وتصميم مواقع

توفر لك افضل شركة برمجة وتصميم مواقع engaz media، باقة كبيرة من التخفيضات على اسعار تصميم وبرمجة المواقع والمتاجر الآلكترونية.

  • ذلك يكون بواسطة فريق من مبرمجينا المحترفين، القادرين على منحك موقع مميز، يساعدك في جذب العميل لخدماتك.
  • كما نقدم افضل حملات دعايا واعلان عن خدماتنا للمسوقين، في كل المجالات والأنشطة التجارية والأكاديمية.
  • كذلك نوفر خدمات إدارة صفحات مواقع التواصل الاجتماعي، بشكل محترف يساعد في نشر الهوية التجارية للشركة، ويجلب لها المزيد من المتابعين، ويحقق لها المزيد من المتابعات.
  • يمكننا متابعة وتحسين محركات البحث seo للمواقع الالكترونية، لنساعدهم على تصدر محركات البحث بسهولة. بواسطة خبرائنا في هذا المجال.
  • تستطيع من خلالنا الحصول على افضل لوجو لشركتك، يظهر من خلاله هويتها وجمالها، ويعزز من ثقة الجمهور في خدماتك المقدمة، بمجرد تواصلك معنا عبر ارقامنا المدونة بالموقع، سوف نوفر لك افضل فريق ليقدم لك خدمة برمجة احترافية.

في ختام مقال تعلم لغة html، نكون تعلمنا بعض من اسرار البرمجة والتي تساعدك في فهم كيفية عمل موقعك الالكتروني، كما ستساعدك في حل مشاكل البرمجة البسيطة، بدون الحاجة للرجوع لمبرمج.

كما يمكنك الأستعانة بخدمات افضل شركة برمجة وتصميم مواقع الكترونية engaz media, حيث يوحد بها افضل خبراء في مجال البرمجة والتصميم للمواقع الألكترونية، في كل الانشطة التجارية والخدمات.

أحدث المقالات
أحدث أعمالنا