اساسيات 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://lessons.ly">رابط الموقع</a>

 


صور HTML

  • يتم تعريف صور HTML باستخدام الوسم <img>
  • الملف المصدر src والنص البديل alt والعرض width والارتفاع height  كسمات.

مثال

<img src=" http://lessons.ly/images/Logo.png" alt=" دروس " width="100" height="50">

 


أزرار HTML

  • يتم تعريف أزرار HTML باستخدام العلامة <button>

مثال

<button>اضغط هنا</button>
دروس لغة Html اخرى