في هذا الدرس 2تصفّح المواضيع
HTML block elements
العناصر من النوع block في لغة HTML
HTML block elements العناصر من النوع block في لغة HTML
ما هو block elements ؟
- في التدفق العادي، العناصر ذات العرض
blockتبدأ في سطر جديد. يمكن تغيير طريقة عرض العنصر باستخدام CSS؛ لذلك فهذا وصف للعرض الافتراضي وليس قاعدة ثابتة لكل سياق. - العناصر من النوع block elements تقوم بحجز سطر كامل حتى وإن كان عرضها أصغر من عرض الصفحة.
- عنصر <div> المستخدم لعمل تقسيمات داخل صفحة الويب.
- عنصر <p> المستخدم لعمل فقرات نصية.
- عناصر headings العناوين الرئيسية والفرعية.
HTML block elements
في هذا المثال تظهر عناصر block في أسطر جديدة وفق عرضها الافتراضي والتدفق العادي.
<body>
<div>This is block 1</div>
<div>This is block 2</div>
<p>Lorem Ipsum is simply dummy text 1</p>
<p>Lorem Ipsum is simply dummy text 2</p>
</body>
HTML inline elements
العناصر من النوع inline في لغة HTML
HTML inline elements العناصر من النوع inline في لغة HTML
تكون طريقة العرض الافتراضية للعناصر من نوع inline elements هي بجانب بعضها البعض.
ماهي Inline Elements؟
- العناصر من النوع inline elements لا تبدأ في سطر جديد، بل تكون العناصر جانب بعضها البعض.
- العناصر inline تشغل المساحة اللازمة لمحتواها، ويمكن أن يلتف المحتوى إلى سطر تالٍ عندما تضيق المساحة. لا يعني ذلك أن العنصر أصبح block؛ كما أن
widthلا تضبط عرض عنصر نصي inline غير مستبدل مثل<span>بالطريقة نفسها التي تضبط بها block.
- عنصر <span>.
- عنصر <img>.
- عنصر <a>.
HTML inline elements
العناصر inline تظهر بجانب المحتوى المحيط ما دامت هناك مساحة، وقد يلتف النص إلى سطر آخر.
<body>
<div>This is block 1</div>
<div>This is block 2</div>
<p>Lorem Ipsum is simply dummy text 1</p>
<p>Lorem Ipsum is simply dummy text 2</p>
<span>This is inline 1</span>
<span><b>This is inline 2</b></span>
</body>سجّل الدخول لحفظ تقدمك
تابع إنجاز المواضيع والمصطلحات والمهام، وكمّل من آخر خطوة على أي جهاز.
المصطلحات5
راجع المعنى، اشرحه لنفسك، ثم علّم البطاقة كمفهومة.
- 01 Block حاجز أو كتلة
- للمراجعة
- 02 Inline ضمني أو مضمن
- للمراجعة
- 03 Elements عناصر
- للمراجعة
- 04 Margin Bottom هامش سفلي
- للمراجعة
- 05 Margin Top هامش علوي
- للمراجعة
لا توجد بطاقات تطابق البحث والتصفية.
اقرأ البطاقات بحرية. سجّل الدخول لحفظ تقدم مراجعتك.
الاختصارات1
راجع المعنى، اشرحه لنفسك، ثم علّم البطاقة كمفهومة.
- 01 HTML HTML
- Hypertext Markup Language
- لغة توصيف النص الفائق الخاصة ببناء صفحة الإنترنت
- للمراجعة
لا توجد بطاقات تطابق البحث والتصفية.
اقرأ البطاقات بحرية. سجّل الدخول لحفظ تقدم مراجعتك.
اختبر فهمك.
ووصلها للإتقان.
كل سؤال خطوة لقدّام. اختار، اكتب كود، وشوف نتيجتك فورًا.
أكمل المهام، واجمع كل الإجابات الصحيحة. أقل من 100%؟ راجع وأعد المحاولة.
الأسئلة متاحة للاطلاع. سجّل الدخول للتفاعل وحفظ تقدمك.