السلام عليكم ورحمة الله وبركاته عشاق مدونة حوحو للمعلوميات يقدم لكم حوحو بكل فخر وفرح وبكل الجهد الممكن دورة تعلم واحتراف لغة 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 .
- ماذا نقصد بلغة 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>
لاحقا الدرس الثاني: عناصر لغة HTML .
المصدر: حوحو للمعلوميات https://ift.tt/2sQWZYa
تعليقات: 0
إرسال تعليق