تُستخدم لغة ترميز النص التشعبي المعروفة أيضًا باسم HTML لبناء تطبيقات الويب. تعد علامات HTML ، المعروفة باسم العناصر ، أهم جانب في لغة HTML. تقوم علامات HTML بتضمين وعرض المحتوى أو المعلومات على صفحات الويب. هناك نوعان من علامات HTML: العلامات الفارغة وعلامات الحاوية.
ستوجه هذه المدونة كيفية التعامل مع العلامات الفارغة وعلامات الحاوية في HTML.
علامات فارغة
تُعرف العلامات الفارغة أيضًا باسم ' مفرد ' أو ' فارغ '. لا تحتوي علامة void مطلقًا على أي محتوى ، ولكن يمكن تحديد السمات. لا تحتوي هذه العلامات على علامة نهاية وقد تحتوي على شرطة مائلة للخلف في العلامة. أمثلة العلامات الفارغة هي “
” و “” و “” و “
بناء الجملة
التركيب اللغوي لذكر عناصر الفراغ في HTML هو كما يلي:
< علامة فارغة />
لمعرفة كيفية التعامل مع العلامات الفارغة ، تحقق من المثال أدناه. ال '
تُعرف العلامة باسم علامة فاصل السطر وتُستخدم لكسر السطر:
< ص > علامات HTML فارغة < ر > الخط فترة راحة بطاقة شعار ص >
يشير الإخراج إلى أن '
'كسر العلامة الخط:
يمكننا إضافة خصائص نمط CSS إلى علامات HTML. ال '
'هي عنصر فارغ آخر يضيف خطًا أفقيًا إلى الصفحة:
< ساعة نمط = 'الحد الأعلى: 3 بكسل متقطع باللون الأحمر ؛' > الخط فترة راحة بطاقة شعار
ص >
ال ' أعلى الحد 'يتم تطبيق خاصية CSS على'
'بثلاث قيم ، واحد هو عرض الحد الذي يساوي' 3 بكسل '، يتم تعيين نمط الحدود كـ' متقطع 'ولون الحدود.
انتاج |
حتى الآن ، ناقشنا علامات HTML الفارغة. الآن ، سوف ننتقل إلى علامات حاوية HTML في القسم التالي.
علامات الحاويات
تتكون علامات حاوية HTML من ثلاثة أجزاء: علامات البداية ، والمحتوى ، وعلامات النهاية. يتم إعطاء صيغة علامة حاوية HTML على النحو التالي:
< تبدأ اليوم > المحتوى علامة النهاية >تحقق من الأمثلة أدناه لمعرفة كيفية عمل علامة الحاوية في HTML.
مثال 1: كيفية إضافة فقرة في HTML؟
ال ' 'علامة' لتضمين الفقرة في مستند HTML:
< ص > هذه علامة فقرة ص >انتاج |
مثال 2: كيفية إضافة العناوين في HTML؟
هناك ستة مستويات من علامات حاوية العناوين التي يمكن استخدامها لإضافة عناوين إلى صفحة ويب. دعنا نضعها في مستند HTML لنرى كيف تعمل وننظر في صفحة ويب:
< h1 > لينكس h1 >< h2 > لينكس h2 >
< h3 > لينكس h3 >
< h4 > لينكس h4 >
< h5 > لينكس h5 >
< h6 > لينكس h6 >
انتاج |
يمكننا توفير التصميم المضمن لهذه العلامات. ضع في اعتبارك المثال أدناه ، والذي يوضح كيفية تطبيق خصائص أنماط CSS المتنوعة على هذه العلامات:
< h1 نمط = 'background-color: thistle؛ font-family: cursive؛' > لينكس h1 >< h2 نمط = 'لون الخلفية: قمح ؛ محاذاة النص: مركز ؛' > لينكس h2 >
< h3 نمط = 'لون الخلفية: طماطم ؛ اللون: أبيض ؛' > لينكس h3 >
< h4 نمط = 'عائلة الخطوط: 'Trebuchet MS' ؛ لون الخلفية: yellowgreen ؛' > لينكس h4 >
< h5 نمط = 'لون الخلفية: بنفسجي ؛' > لينكس h5 >
< h6 نمط = 'لون الخلفية: whitesmoke' > لينكس h6 & جي تي
فيما يلي شرح للخصائص المذكورة أعلاه:
- ال ' لون الخلفية 'تضيف لونًا إلى خلفية العنصر.
- ' خط العائلة 'تضبط خاصية الخط للعنصر.
- ' محاذاة النص تضبط الخاصية 'موضع النص أو المحاذاة.
انتاج |
لقد أوضحنا لك كيفية استخدام العلامات الفارغة وعلامات الحاوية في HTML.
استنتاج
العلامات الفارغة وعلامات الحاوية هي مكونات رئيسية لوثائق HTML التي تقوم بتضمين المحتوى والمعلومات على صفحة ويب. العلامات الفارغة لا تحتوي على أي محتوى وتتكون فقط من علامة البداية مع شرطة مائلة للخلف في نهايتها ، مثل
. ومع ذلك ، تحتوي علامات الحاوية على علامات البداية والنهاية جنبًا إلى جنب مع المحتوى. تناولت هذه المدونة عمل العناصر الفارغة والحاويات في HTML.