القائمة الرئيسية

الصفحات

برمجة دروس HTML

دروس HTML | تعلم اساسيات لغة HTML | الدرس الاول | ادمكس للمعلوميات

ibrahim omar



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

فى هذه الدرس سوف نتعلم اساسيات لغة HTML وكيفية بناء ملفات و عنواين و فقرات وروابط وصور وازار لغة HTML  .

اساسيات لغة HTML


ملفات HTML

  • يجب أن تبدأ جميع ملفات HTML بوسم نوع الملف <! DOCTYPE html> .
  • يبدأ ملف HTML نفسه بـ <html> وينتهي بـ </ html> .
  • الجزء المرئي من مستند HTML بين <body> و </ body> .
مثال 
<!DOCTYPE html>
<html>
<head>
          <title>عنوان الصفحة</title>
</head>
<body>
          <h1>عنوان</h1>
          <p>فقرة</p>
</body>
</html>

عناوين HTML

  • يتم تعريف عناوين HTML بالوسم <h1> إلى <h6> .
  • <h1> يحدد العنوان الأكثر أهمية <h6> يحدد العنوان الأقل أهمية.
مثال
<h1> العنوان الأول والأكثر أهمية h1 </h1>
<h2>العنوان الثاني h2</h2>
<h3> العنوان الثالث h3</h3>

فقرات Html

  • يتم تعريف فقرات HTML بالوسم <p> .
مثال
<p> فقرة </p>
<p>فقرة اخرى</p>

روابط HTML

  • يتم تحديد روابط HTML باستخدام الوسم <a> .
  • يتم تحديد وجهة الارتباط في سمة href.
  • يتم استخدام السمات لتوفير معلومات إضافية حول عناصر HTML .
  • سوف تتعلم المزيد عن السمات في دروس لاحقة.
مثال
<a href="http://admix-io.com">رابط الموقع</a>

صور HTML

  • يتم تعريف صور HTML باستخدام الوسم <img>
  • الملف المصدر src والنص البديل alt والعرض width والارتفاع height  كسمات.
مثال
<img src=" http://admix-io.com/images/Logo.png" alt=" دروس " width="100" height="50">

أزرار HTML

  • يتم تعريف أزرار HTML باستخدام العلامة <button>
مثال
<button>اضغط هنا</button>

reaction: