دورة تعلم لغة HTML :المقدمة

دورة تعلم لغة HTML :المقدمة

 

دورة تعلم لغة HTML المقدمة

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

لماذا أبدأ بهذه اللغة؟ 

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

توصيات للبدء بلغة HTML

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

باختصار ستحتاج الى :

  • متصفح جوجل كروم 
  • محرر النصوص 

ما هو HTML وإصداراته؟

 لغة HTML هي اختصار ل HyperText Markup Languaje  بالعربية هي لغة توصيف النص الفائق  أو لغة ترميز النصوص التشعبية الشهيرة التي مرت بالعديد من التحسينات والإصدارات ، وهي حاليًا الإصدار الخامس html5, التي سهلت حياة الكثيرين. بكلمات بسيطة ، تستخدم هذه اللغة "العلامات" لبناء مناطق مختلفة من موقع الويب ومحتوياته ، مثل: 

<tag> هنا نضع المحتوى  </ tag>.

 لبدء إنشاء صفحة ، يجب كتابة العلامات التالية في محرر التعليمات البرمجية الذي تستخدمه وحفظ الملف باسم name.html حتى يمكن رؤيته باستخدام المتصفح:

<!DOCTYPE html">
<html>
  هنا نضع فيه المحتوى
</html>
من خلال كتابة DOCTYPE html ، فإننا نخبر المتصفح بأننا سنستخدم أحدث إصدار من لغة html وأن علامات <html> تشير إلى بداية الصفحة ونهايتها. تشير إلى بداية الصفحة ونهايتها.

ما هي العلامة tag  والسمة attribute؟

العلامة هي رمز يكتب بهذه الطريقة <هنا اسم العلامة> والتي يجب عليك إغلاقها دائمًا بـ  </ هنا اسم العلامة> ، إذا كان هناك محتوى بينها ويمثل صفحة في صفحة واحدة لكل منهما واحد له أسماء مختلفة. بينهما يمكنك كتابة محتوى أو سمات.

على سبيل المثال ، إذا كنت تريد كتابة عنوان ، فستستخدم علامة <h1> واذا كنت تريد كتابة فقرة فستستخدم العلامة الفقرة وهي  <p>. من المهم أن تتعرف على هذه العلامات .

تتم إضافة السمات إلى هذه العلامات بقيمة وتُستخدم لتخصيص المحتوى ، على الرغم من أن جميع عمليات التخصيص تقريبًا تتم باستخدام CSS ، والتي سنتحدث عنها لاحقًا. على سبيل المثال ، إذا كنا نريد ان يكون لون  العنوان باللون الأحمر ، فستكون العلامة كالتالي  <h1 style = "color: red">.

هناك أيضًا العديد من السمات ، في التدوينات المقبلة سأشرح العديد منها ، ثم سأعرض لك بعض التصنيفات والسمات الأساسية

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

تتكون هذه الدورة التعليمية من وصف للعلامات المختلفة والسمات المختلفة التي تمتلكها HTML ، وشرح كيفية استخدامها ونصائح لتحسين النتيجة النهائية للصفحات. لمتابعة ذلك ، لا تقلق لحد الان لم ندخل في صلب تعلم html لاننا فقط الان نقوم بتهيء بيئة العمل .في الدرس الموالي سنتقدم  في شرح  عناصر html .لذا كن جاهزا .

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

تعليقان (2)

  1. السلام عليكم ورحمة الله وبركاته ، انا محمد 25 سنة مصري اشتركت في الكورس للتو
  2. السلام عليكم ورحمة الله وبركاته ، انا محمد من مصر 25 سنة ، اشتركت في الكورس للتو .