recent
أخبار ساخنة

الدرس 2: هيكلة صفحة HTML

الدرس 2: هيكلة صفحة HTML

📘 هيكلة صفحة HTML

كل صفحة HTML تتبع بنية معينة تتكون من عناصر أساسية تحدد كيفية عرض المحتوى في المتصفح.

🔹 1. إعلان نوع المستند (DOCTYPE)

في أول سطر من أي صفحة HTML نكتب:

<!DOCTYPE html>

هذا السطر يُخبر المتصفح أننا نستخدم HTML5.

🔹 2. الوسم الجذري <html>

كل المحتوى يجب أن يكون داخل هذا الوسم:

<html>
... كل شيء هنا ...
</html>

🔹 3. رأس الصفحة <head>

يحتوي على معلومات غير مرئية للمستخدم مثل:

  • عنوان الصفحة: <title>
  • ترميز اللغة (UTF-8)
  • روابط ملفات CSS أو JavaScript
<head>
<meta charset="UTF-8">
<title>عنوان الصفحة</title>
</head>

🔹 4. جسم الصفحة <body>

هنا نضع كل المحتوى المرئي للمستخدم مثل:

  • العناوين والفقرات
  • الصور والروابط
  • القوائم والنماذج
<body>
<h1>مرحبًا بكم!</h1>
<p>هذه صفحة تجريبية.</p>
</body>

📄 مثال على صفحة HTML كاملة

الدرس 2: هيكلة صفحة HTML



المقال السابق: مقدمة إلى HTML
google-playkhamsatmostaqltradent