العناوين والفقرات
أضف العناوين والنصوص إلى صفحة الويب الخاصة بك
العناوين والفقرات درس مجاني في HTML for Kids على CoddyKit. هذا هو الدرس 1 من أصل 4. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في HTML for Kids، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة HTML for Kids 4 دروس في المجموع.
العناوين والفقرات
مرحبًا بكم في الدرس التالي! سنتعلم اليوم كيفية إضافة العناوين والفقرات إلى صفحة الويب الخاصة بكم. تجعل هذه العناصر المحتوى منظمًا وسهل القراءة.
ما هي العناوين؟
تُستخدم العناوين لإنشاء العناوين الرئيسية والفرعية في صفحة الويب الخاصة بكم. وتتدرج من <h1>، وهو الأكبر، إلى <h6>، وهو الأصغر.
فكّروا في العناوين على أنها مخطط لمحتواكم؛ فهي تساعد المستخدمين على فهم بنية صفحتكم.
مثال:
<h1>Main Heading</h1>
<h2>Subheading</h2>
<h3>Smaller Subheading</h3>استخدام العناوين
لنُضف عناوين إلى صفحة الويب الخاصة بنا. جرّبوا هذه الشفرة لرؤية الفرق بين أحجام العناوين:
<h1>This is an H1 Heading</h1>
<h2>This is an H2 Heading</h2>
<h3>This is an H3 Heading</h3>
<h4>This is an H4 Heading</h4>
<h5>This is an H5 Heading</h5>
<h6>This is an H6 Heading</h6>ما هي الفقرات؟
الفقرات هي كتل نصية تُضاف إلى صفحة الويب باستخدام وسم <p>. وهي مناسبة تمامًا لإضافة معلومات أو أوصاف تفصيلية.
مثال:
<p>This is a paragraph of text on my web page. It’s great for sharing information with my visitors!</p>
إضافة فقرات متعددة
يمكنكم إضافة العدد الذي تريدونه من الفقرات باستخدام عدة وسوم <p>.
مثال:
<p>This is the first paragraph. It introduces my topic.</p>
<p>This is the second paragraph. It adds more details and examples.</p>
<p>This is the third paragraph. It concludes my thoughts.</p>
الجمع بين العناوين والفقرات
تعمل العناوين والفقرات معًا لجعل المحتوى سهل القراءة والفهم. استخدموا العناوين للعناوين الرئيسية، والفقرات للمعلومات التفصيلية.
مثال:
<h1>Welcome to My Web Page</h1>
<p>This is a web page where I share my favorite recipes, hobbies, and stories.</p>
<h2>My Favorite Recipes</h2>
<p>I love baking cookies and cakes. Here’s a recipe for chocolate chip cookies!</p>
<h2>My Hobbies</h2>
<p>In my free time, I enjoy painting and playing video games.</p>
أفضل الممارسات للعناوين والفقرات
إليكم بعض النصائح التي ينبغي تذكّرها:
- استخدموا وسم <h1> واحدًا لكل صفحة: يجب استخدام وسم
<h1>مرة واحدة فقط باعتباره العنوان الرئيسي. - نظّموا المحتوى: استخدموا العناوين الأصغر، مثل
<h2>و<h3>، لتقسيم الأقسام. - اكتبوا فقرات واضحة: اجعلوا فقراتكم قصيرة وسهلة القراءة.
جرّبوا بأنفسكم
لننشئ صفحة ويب بسيطة تحتوي على عناوين وفقرات. إليكم مثالًا للبدء:
<!DOCTYPE html>
<html>
<head>
<title>Headings and Paragraphs</title>
</head>
<body>
<h1>Welcome to My Page</h1>
<p>This is the main paragraph introducing my page.</p>
<h2>About Me</h2>
<p>I’m learning HTML and enjoying the process!</p>
<h2>My Goals</h2>
<p>My goal is to create a professional-looking website someday.</p>
</body>
</html>
عمل رائع!
عمل رائع! لقد تعلمتم كيفية إضافة العناوين والفقرات إلى صفحة الويب الخاصة بكم. وتُعد هذه العناصر أساسية لإنشاء محتوى واضح ومنظم جيدًا. في الدرس التالي، سنستكشف كيفية إنشاء القوائم لتنظيم المعلومات. استعدوا لمزيد من المتعة!
الأسئلة الشائعة
هل درس «العناوين والفقرات» مجاني؟
نعم — نص درس «العناوين والفقرات» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة HTML for Kids، انتقل إلى CoddyKit PRO. تتضمن دورة HTML for Kids 4 دروس في المجموع.
ماذا ستتعلم في «العناوين والفقرات»؟
أضف العناوين والنصوص إلى صفحة الويب الخاصة بك تتمرن على HTML for Kids مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.
هل أحتاج إلى خبرة سابقة لأبدأ HTML for Kids؟
لا تُشترط خبرة سابقة. HTML for Kids على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 1 من أصل 4.
كم من الوقت يستغرق درس «العناوين والفقرات»؟
معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.
هل يمكنني كتابة وتشغيل أكواد في درس HTML for Kids هذا؟
نعم. كل درس في HTML for Kids يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.