Headings and paragraphs · العناوين والفقرات
This page needs a recent browser (with SharedArrayBuffer support). Please update Chrome, Edge, Firefox or Safari to the latest version. · تحتاج هذه الصفحة إلى متصفح حديث (يدعم SharedArrayBuffer). يرجى تحديث Chrome أو Edge أو Firefox أو Safari إلى أحدث إصدار.
English
Headings
- A heading is a title on your page.
- Use
<h1>for the biggest, most important heading. - Like all HTML, it comes in a pair:
<h1>...</h1>.
العربية
العناوين
- العنوان هو عنوان في صفحتك.
- استخدم
<h1>للعنوان الأكبر والأكثر أهمية. - مثل كل عناصر HTML، يأتي في زوج:
<h1>...</h1>.
<h1>My cooking blog</h1>
<p>Welcome! Here are my favourite recipes.</p>
English
Six sizes
- There are six headings, from
<h1>down to<h6>. <h1>is the largest;<h6>is the smallest.- Use one
<h1>for the page's main title, then smaller ones for sections.
العربية
ستة أحجام
- يوجد ستة عناوين، من
<h1>إلى<h6>. <h1>هو الأكبر؛<h6>هو الأصغر.- استخدم واحدًا
<h1>للعنوان الرئيسي للصفحة، ثم عناوين أصغر للأقسام.
<h1>Biggest</h1>
<h2>Smaller</h2>
<h3>Smaller still</h3>
English
Common mistakes
- Headings run
<h1>(biggest) to<h6>— do not pick one just for its size. - A paragraph is
<p>...</p>.
العربية
أخطاء شائعة
- العناوين تمتد من
<h1>(الأكبر) إلى<h6>— لا تختر واحداً لمجرد حجمه فقط. - الفقرة هي
<p>...</p>.
English
Now you try
- A page is just headings and paragraphs stacked together.
- Build the two little tasks below.
العربية
الآن جرب بنفسك
- الصفحة عبارة عن عناوين وفقرات مكدسة معاً.
- قم بإنشاء المهمتين الصغيرتين أدناه.
Add a big heading that says My Blog. Use an <h1> … </h1> pair. · أضف عنواناً كبيراً يقول مدونتي. استخدم زوج <h1> … </h1>.
Make a heading About me, and under it a paragraph that says I love coding. · اصنع عنواناً نبذة عني، وأسفله فقرة تقول **أحب البرمجة.**