دورة تعلم واحتراف لغة HTML مع حوحو – الدرس 1

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

1- مدخل إلى لغة HTML  :
 –  ماذا نقصد بلغة HTML  ؟
هي لغة الترميز المعتمدة في تصميم صفحات الويب وتلخيصها هو:(L) Hyper (H) Text(T) Markup(M) Language  ترجمتها الحرفية : لغة ترميز النص التشعبي.
– ما أهمية لغة  HTML ؟
إن تعلم هذه اللغة يفتح لك بابا واسعا لمعرفة بناء صفحات ومواقع الويب، خصوصا وأن إنشاء أي موقع إلكتروني يبنى على هذه اللغة، وتبقى من أسهل وأبسط اللغات تعلما ويتهافت رواد سوق الشغل في البحث على مبرمجي هذه اللغة لذلك سارع لتعلمها من أجل تصميم موقعك الإلكتروني الخاص أو موقع أي شركة تدفع لك مقابل تصميم موقعها، كل ما عليك فعله هو : كتابة الأكواد + تنفيذها على شكل نتائج . للإشارة فقط فهي لغة ترميز وليست لغة برمجة بمعنى أنها تهيكل رموزها وأكوادها إلى نتائج على متصفحك .
– ماذا أحتاج كي أتعلم لغة HTML  ؟
ببساطة كل ما ستحتاجه هو متصفح موزيلا فايرفوكس أو كروم، ولكن أنصحك بشدة بموزيلا فايرفوكس لأنه يظهر نتائج سريعة عكس كروم يمكنك تحميله من هنا Download mozilla وستحتاج أيضا محرر نصوص لغة HTML يمكنك تحميله من هنا : Download notepad-plus-plus  وهذا المحرر يقوم بقراءة أكواد لغة HTML وتنفيذها إلى نتائج تظهر فيما بعد على متصفحك.
بعد تحميل المحرر سوف تثبته كأي برنامج عادي وتفتحه أول مرة سوف تظهر لك هذه الصفحة: (الصورة أدناه )

لنبدأ العمل على أول مثال لا تخف لن نستفيض في شرح هذا المثال وسنترك الشرح في الدروس المقبلة بإذن الله ولكن فقط سوف نريك طريقة كتابة الأكواد + تنفيذها.
 اكتب ما تشاهده من أكواد لغة HTML على محرر Notepad  (الصورة أدناه ) أو يمكنك نسخ الكود مباشرة :
<! DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>  


بعد الإنتهاء من كتابة الكود اضغط على Save واحفظ ملفك بصيغة html . :

لتنفيذ هذا الكود إلى نتيجة اضغط على قائمة RUN  ثم اضغط على خيار Launch in Firefox  : (الصورة أدناه ) :

سوف تظهر لك نتيجة الكود كالآتي :

هكذا نكون وصلنا إلى نهاية  درسنا الأول والتي تناولنا فيها بالشرح والتحليل الدرس الأول من سلسلة دروس دورة تعلم واحتراف لغة HTML  .
لاحقا الدرس الثاني: عناصر لغة HTML .