تعلم أساسيات لغة HTML
دورة تعلم أساسيات HTML الدرس الأول
دورة جديدة مقدمة من مستر بلوجر | mr blogger لتعلم لغة البرمجة HTML
السلام عليكم متابعينا اليوم درس برمجي جديد في HTML متابعين الموقع باستمرار قامو سابقا بمتابعة دروسنا السابقة عن البرمجة وشرحنا العديد من اساسيات ال CSS وشرحنا بعض المكاتب البرمجية , مبدئيا انا ليس بخبير في البرمجة بل انا شخص مبتدئ او متوسط في هذا المجال وكل ما افهمه من لغات البرمجة اقوم بتبسيطه في الموقع , ومواضيع البرمجة في الموقع لا تقل عن مواضيع السيو وبلوجر فكلهم مشاهداتهم عالية وهذا ما جعلنا نستمر في كتابة مقالات عنهم
لغة HTML هي لغة اساسية لانشاء مواقع الويب وفي دراستي لهذه اللغة واجتياز شهادات معتمدة فيها مثل شهادة المليون مبرمج عربي في تطوير المواقع , ومن واقع خبرتي البسيطة ان هذه اللغة سهلة التعلم وبسيطة , لغة الhtml تفسير اختصارها هو Hypertext Markup Language (أي لغة النص الفائق). وببساطه وظيفة أو مهمة هذه اللغة هي وصف بنية صفحات الويب كــ هيكل .
من خلال هذه اللغة ستعرف كيفية اضافة صور او مقطع صوتي او نصوص , هذه اللغة ليس الا وسوم بداية ووسوم نهاية وبداخلها العناصر والمحتوي الخاص بها فمثلا
وسم البداية هو <p> وهو الذي يحتوي علي اسم العنصر
وسم النهاية هو </p> نفس اسم العنصر ولكن مسبوقًا بخطٍ مائل يشير او يدل الي نهاية العنصر وبدون هذا الخط المائل سيسبب اخطاء .
وبداخل هذا العنصر قم بوضع المحتويات مثل
<p>هنا النص الذي سيظهر</p>
<p>هنا النص الذي سيظهر</p>
قم بفتح هذا الموقع لتعديل html اون لاين , وبعد فتحه قم بوضع هذا الكود
<!DOCTYPE html><html><head><title>Page Title</title></head><body><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWXAiSMiC7fVCwpdnG5ui9w4m_BhkL6RBo3fiwdx6B55KQZsQIL99yczq7VFExs1y-SrMWxr2myhodaSYshikzY1TPSeG-iv1tNKMNkN-HZJ9bWVZUZuX9Y___TlBX_mObqmO6HW-8LjCd/s800/mrblooger.webp" alt="My Logo"><p><strong>مستر بلوجر | mr blogger</strong></p></body></html>
<head> و <body> والعنصر <head> به محتويات وهو وسم ال <title> وهذا خاص بعنوان الصفحة , اما العنصر الاخر <body> فهو يمثل محتوي الصفحة ذات نفسها ووبداخلها به الوسمين <img> وهو وسم خاص بــ الصورووسم
الذي به يبدا وسم ال html , بداخل الوسم به عنصرين
<p> و لاحظ كيف ينتهي كل قسم بوسوم الإغلاق المناسبة