📌 العناوين (Headings) في HTML 🔹 ما هي العناوين؟ العناوين هي نصوص كبيرة أو بارزة تُستخدم لتقسيم الصفحة لمحتويات وأقسام. في HTML عندنا 6 مستويات من العناوين: <h1> = أكبر عنوان وأهم واحد. <h6> = أصغر…
– النصوص – المستوى الاول
📌 الفقرات <p> في HTML 🔹 ما هو وسم <p>؟ <p> اختصار لكلمة Paragraph (فقرة). يُستخدم لعرض النصوص في شكل فقرات منفصلة. المتصفح تلقائيًا بيضيف مسافة (فراغ) قبل وبعد كل فقرة علشان النصوص ما تلزقش في بعض. 🔹 تركيب الفقرة يبدأ…
📌 التنسيقات البسيطة في HTML 🔹 1. وسم <b> → Bold يغيّر شكل النص إلى غامق (Bold). له تأثير بصري فقط، من غير معنى إضافي. ✅ مثال: 🔎 النتيجة:هذا نص غامق باستخدام الوسم b. 🔹 2. وسم <i> → Italic يجعل النص مائل…
📌 القوائم في HTML القوائم بتساعدنا نعرض عناصر متعددة بشكل منظم، زي: خطوات عمل شيء (قائمة مرتبة). نقاط أساسية أو ملاحظات (قائمة غير مرتبة). 🔹 عناصر القوائم الأساسية <ol> = Ordered List → قائمة…
📌 الروابط التشعبية <a> في HTML 🔹 ما هو الوسم <a>؟ <a> اختصار لكلمة Anchor (مرساة). يُستخدم لإنشاء روابط تشعبية (Hyperlinks) بين الصفحات أو داخل نفس الصفحة أو حتى للملفات والبريد الإلكتروني. 🔹 التركيب الأساسي 📌 المتغير الأهم هنا هو href (Hypertext REFerence):…
📌 الصور في HTML 🔹 ما هو الوسم <img>؟ يُستخدم لإدراج صورة في صفحة الويب. وسم فارغ (Empty Element) → يعني ما فيهوش وسم إغلاق (</img> ❌). يكتفي بالوسم المفتوح <img> ومعاه الخصائص (Attributes). 🔹 التركيب الأساسي 🔹 الخصائص…
📌 الجداول في HTML 🔹 ما هي الجداول؟ الجدول Table عبارة عن صفوف (Rows) و أعمدة (Columns). بيتكون من مجموعة وسوم أساسية: <table> → لبدء الجدول. <tr> → Table Row = صف. <td> → Table Data = خلية بيانات….
📌 دمج الخلايا في HTML Tables 🔹 ما معنى دمج الخلايا؟ أحيانًا نحتاج إن خلية في الجدول تمتد على أكثر من عمود (Column) أو أكثر من صف (Row). هنا نستخدم: colspan → لدمج أعمدة. rowspan → لدمج صفوف….
📌 وسم <caption> في HTML 🔹 ما هو <caption>؟ <caption> يُستخدم لإضافة عنوان وصفي للجدول. يساعد المستخدم يفهم الغرض من الجدول. له فائدة كبيرة في إمكانية الوصول (Accessibility) و SEO (لأن محركات البحث بتقرأه كتعريف للجدول). 🔹 مكان وسم <caption> لازم يكتب مباشرة بعد وسم <table> وقبل…
📌 النماذج (Forms) في HTML 🔹 ما هو الوسم <form>؟ <form> هو الوعاء الرئيسي اللي بيحتوي على عناصر الإدخال (Input Elements) زي: مربعات النصوص (Text fields). أزرار الاختيار (Radio Buttons). مربعات التحديد (Checkboxes). القوائم المنسدلة (Dropdowns). أزرار…