القائمة الرئيسية

الصفحات

شرح إنشاء صندوق لتخزين البيانات في HTML

 طريقة إنشاء صندوق في HTML ؟ كيف أنشئ صندوق لتخزين البيانات في لغة HTML ؟ شرح العنصر summary و العنصر details كل هذه الأسئلة سنجيب عنها خلال درسنا .اليوم

مقدمة عن الدرس

لإنشاء صندوق أو مايسمى ب box في اللغة الإنجليزية ، يجب علينا التعرف على العنصرين details و summary.

العنصر details

العنصر details هو عنصر من النوع الثاني من الوسوم في HTML و يعتبر العنصر الاب للعنصر summary.

العنصر summary

يعتبر العنصر summary هو العنصر الطفل للعنصر details وهو أيضا من النوع الثاني من الوسوم في لغة HTML و يمكنك من خلاله إضافة عنوان للصندوق.

 

بعدما تعرفنا على العنصرين الذي يمكننا من خلالهما إنشاء صندوق بتخزين البيانات على صفحة الويب أو موقعك.

 

إنشاء صندوق لتخزين البيانات 

1. يجب إنشاء العنصر details

2. ثم إنشاء العنصر summary داخل العنصر details

3. بعد إنشاء العنصر summary ماعليك سوى إضافة العنوان للصندوق

ملاحظة : 

يمكنك أيضا إضافة أي عنصر HTML مكان العنصر summary مثل العنصر img أو p أو pre أو h1

جميع أكواد الدرس


<DOCTYPE html!>
<"html lang="en>
<head>
    <"meta charset="UTF-8>
    ,meta name="viewport" content="width=device-width>
"initial-scale=1.0>
    <title>NAME PAGE</title>
<head/>
<body>
    <details>
        <summary>TITLE<summary/>
        <p>Coder Shiyar</p>
        <p>HTML COURSE</p>
        <p>CSS COURSE</p>
        <p>JavaScript COURSE</p>
    <details/>
<body/>
<html/>  

 مشاهد الدرس

تعليقات