8 – < html >, < head >, < body > – البنية الأساسية للصفحة – المستوى الاول
📌 البنية الأساسية للصفحة في HTML
أي ملف HTML لازم يكون له هيكل أساسي علشان المتصفح يفهم الكود ويعرضه بشكل صحيح. هذا الهيكل يتكون من 3 وسوم رئيسية:
-
<html>
-
<head>
-
<body>
خلينا نشرح كل واحد بالتفصيل:
🔹 1. وسم <html>
-
هو الجذر (Root Element) لصفحة HTML.
-
كل العناصر التانية (head + body) لازم تكون بداخله.
-
خاصية lang بتحدد لغة الصفحة:
-
lang=”ar” → عربي
-
lang=”en” → إنجليزي
-
📌 وظيفته: يقول للمتصفح “ابدأ قراءة صفحة HTML من هنا”.
🔹 2. وسم <head>
-
القسم <head> يحتوي على معلومات عن الصفحة (Metadata) مش بتظهر للمستخدم مباشرة.
-
أهم محتويات <head>:
-
تحديد ترميز الأحرف:
→ يخلي الصفحة تدعم العربية وكل اللغات.
-
عنوان الصفحة:
→ يظهر في شريط المتصفح أو التبويب (Tab).
-
وصف الصفحة لمحركات البحث (SEO):
-
ملفات التنسيق (CSS):
-
ملفات JavaScript (عادة تُوضع قبل إغلاق body لكن ممكن في head):
📌 ملاحظة: كل ما في <head> هو “معلومات” مش “محتوى يظهر”.
🔹 3. وسم <body>
-
القسم <body> يحتوي على كل ما يظهر للمستخدم في المتصفح.
-
أمثلة على عناصر داخل <body>:
-
العناوين <h1> – <h6>
-
الفقرات <p>
-
الصور <img>
-
الروابط <a>
-
الجداول <table>
-
النماذج <form>
-
الفيديو والصوت <video>, <audio>
-
📌 ببساطة: أي حاجة تشوفها في الصفحة → موجودة داخل <body>.
🔹 مثال كامل على البنية الأساسية:
🔹 ملخص سريع
-
<html> = جذر الصفحة (يحتوي head + body).
-
<head> = معلومات عن الصفحة (Title, Meta, CSS, JS).
-
<body> = المحتوى اللي يظهر للمستخدم (نصوص، صور، فيديو، إلخ).
Call now
Contact WhatsApp
