تعلم أساسيات لغة HTML

دورة تعلم أساسيات HTML الدرس الأول  

دورة جديدة مقدمة من مستر عربكو لتعلم لغة البرمجة HTML  
 تعلم أساسيات HTML

 السلام عليكم متابعينا اليوم درس برمجي جديد في HTML متابعين الموقع باستمرار قامو سابقا بمتابعة دروسنا السابقة عن البرمجة وشرحنا العديد من اساسيات ال CSS وشرحنا بعض المكاتب البرمجية , مبدئيا انا ليس بخبير في البرمجة بل انا شخص مبتدئ او متوسط في هذا المجال وكل ما افهمه من لغات البرمجة اقوم بتبسيطه في الموقع , ومواضيع البرمجة في الموقع لا تقل عن مواضيع السيو وبلوجر فكلهم مشاهداتهم عالية وهذا ما جعلنا نستمر في كتابة مقالات عنهم , فقم بزيارة قسم البرمجة ستجد حوالي 18 درس تقريبا قم بقرائتهم واتمني انك تستفيد . 

لغة HTML هي لغة اساسية لانشاء مواقع الويب وفي دراستي لهذه اللغة واجتياز شهادات معتمدة فيها مثل شهادة المليون مبرمج عربي في تطوير المواقع , ومن واقع خبرتي البسيطة ان هذه اللغة سهلة  التعلم وبسيطة , لغة الhtml تفسير اختصارها هو  Hypertext Markup Language (أي لغة النص الفائق). وببساطه وظيفة أو مهمة هذه اللغة هي وصف بنية صفحات الويب كــ هيكل .  
من خلال هذه اللغة ستعرف كيفية اضافة صور او مقطع صوتي او نصوص , 
هذه اللغة ليس الا وسوم بداية ووسوم نهاية وبداخلها العناصر والمحتوي الخاص بها 
فمثلا 

وسم البداية هو <p> وهو الذي يحتوي علي اسم العنصر 
وسم النهاية هو <‎/p> نفس اسم العنصر ولكن مسبوقًا بخطٍ مائل يشير او يدل الي نهاية العنصر وبدون هذا الخط المائل سيسبب اخطاء . 
وبداخل هذا العنصر قم بوضع المحتويات مثل 
<p>هنا النص الذي سيظهر</p> 
قم بفتح هذا الموقع لتعديل html اون لاين , وبعد فتحه قم بوضع هذا الكود 
<!DOCTYPE html>
<html>
  <head>
    <title>Page Title</title>
  </head>
  <body>
    <img src="https://1.bp.blogspot.com/-Smb-UIlviJM/Xh5UPt6CIHI/AAAAAAAAECA/4owthYBG5nYpRyZw7rnnn30mcdfF0wpXwCK4BGAYYCw/s1600/index444.png" alt="My Logo">
    <p>Hello World!</p>
  </body>
</html>



هذا الكود يبدا بـ كود (DOCTYPE) وهذا هو مستند خاص بــ HTML5 ثم اسفل هذا الكود <html> الذي به يبدا وسم ال html , بداخل الوسم به عنصرين 
<head> و <body> والعنصر <head> به محتويات وهو وسم ال <title> وهذا خاص بعنوان الصفحة , اما العنصر الاخر <body> فهو يمثل محتوي الصفحة ذات نفسها ووبداخلها به الوسمين <img> وهو وسم خاص بــ الصورووسم 
<p> و لاحظ كيف ينتهي كل قسم  بوسوم الإغلاق المناسبة




وانتهي موضوع اليوم لاتنسي زيارة قسم لغات البرمجة  لمزيد من الشروحات  اذا واجهتك اي مشكلة عموما في موقعك قم بكتابتها في صفحة اسألنا,  او اذا كنت تريد  شرح معين عن  أي شي في بلوجر او SEO لاتتردد في كتابته في التعليقات , وقم بالاطلاع علي شهادات الموقع

2 تعليقات

  1. استاذ ودائما تقدم فائدة كبيرة ربي يجازيك خير استاذ ايهاب اتابع الموقع يوميا لانه من افضل المواقع في المحتوي العربي

    ردحذف

إرسال تعليق

أحدث أقدم