HTML الأساسيات
الأساسيات
لا تقلق إذا كانت هذه الأساسيات تستخدم علامات لم تتعلمها.
سوف تتعلم عنها في الفصول القادمة.
مستندات HTML
يجب أن تبدأ جميع مستندات HTML بإعلان نوع المستند: <! DOCTYPE html>.
يبدأ مستند HTML نفسه بـ <html> وينتهي بـ </ html>.
يقع الجزء المرئي من مستند HTML بين <body> و </body>.
<!DOCTYPE html>
<html>
<body>
<h1>العنوان</h1>
<p>الفقرة</p>
</body>
</html>
عناوين HTML
يتم تعريف عناوين HTML بعلامات <h1> إلى <h6>.
يحدد <h1> العنوان الأكثر أهمية. يحدد <h6> العنوان الأقل أهمية:
<h1>عنوان حجم 1</h1>
<h2>عنوان حجم 2</h2>
<h3>عنوان حجم 3</h3>
فقرات HTML
يتم تعريف فقرات HTML بالعلامة <p>:
<p>فقرة</p>
<p>فقرة اخرى</p>
روابط HTML
يتم تعريف روابط HTML باستخدام العلامة <a>:
<a href="https://www.platformspot.com">رابط</a>
يتم تحديد وجهة الرابط في سمة href.
يتم استخدام السمات لتوفير معلومات إضافية حول عناصر HTML.
سوف تتعلم المزيد عن السمات في فصل لاحق.
صور HTML
يتم تعريف صور HTML بالعلامة <img>
يتم توفير الملف المصدر (src) والنص البديل (alt) والعرض width والارتفاع height كسمات:
<img src="platformspot.jpg" alt="platformspot.com" width="104" height="142">
أزرار HTML
يتم تعريف أزرار HTML بالعلامة <button>:
<button>اضغط هنا</button>
قوائم HTML
يتم تعريف قوائم HTML باستخدام علامة <ul> (قائمة غير مرتبة / نقطية) أو علامة <ol> (قائمة مرتبة / مرقمة) ، متبوعة بعلامات <li> (عناصر القائمة):
<ul>
<li>كوفي</li>
<li>شاي</li>
<li>حليب</li>
</ul>
One Comment