بعض الوظائف لا تعمل على هذا المتصفح، حاول استخدام متصفح آخر
About Privacy Terms
بسم الله الرحمن الرحيم
شاركـ أصدقائك

كورس HTML | شرح عناصر html | موقع فولدرات

الرئيسية / الحاسب الآلي / لغات البرمجة / HTML / كورس HTML | شرح عناصر html

القرآن الكريم كامل المصحف الذكي (جديد) , المصحف النصي

 

شرح html للمبتدئين

 

عناصر HTML

يتم تعريف عنصر HTML بعلامة بدء. إذا كان العنصر يحتوي على محتوى آخر، ينتهي

باستخدام علامة إغلاق، حيث يسبق اسم العنصر شرطة مائلة للأمام كما هو موضح أدناه

مع علامات:

علامة البدء

محتوى

علامة الإنهاء

 <p>

محتوى فقرة.

 <p/>
 <h1>

محتوى العنوان

 <h1/>
 <div>

محتوى القسمة

 <div/>
 </br>

فارغ

فارغ

 

ملاحظة: لا تحتوي بعض عناصر HTML على محتوى (مثل عنصر ). تسمى هذه بالعناصر الفارغة. لا تحتوي العناصر الفارغة على علامة نهاية!

 

عناصر HTML المتداخلة

يمكن عناصر HTML ان تتداخل (وهذا يعني أن العناصر يمكن أن تحتوي على عناصر أخرى).

تتكون كافة مستندات HTML من عناصر HTML متداخلة.

يحتوي المثال التالي على أربعة عناصر (<html><body><h1> ,<p>)

<html>
<body>

<h1>My  Heading</h1>
<p>My paragraph.</p>

</body>
</html>

 

شرح المثال:

إن عنصر <html> هو العنصر الجذري، وهو يعرّف مستند HTML بالكامل.

وهي تحتوي على علامة بدء <html> وعلامة نهاية <html/>.

ثم يوجد داخل العنصر <html> عنصر <body>:

 
<body>
 
<h1>My Heading</h1>
<p>My paragraph.</p>
 
</body>

 

يعرّف عنصر <body> نص المستند.

وهي تحتوي على علامة بدء <body> وعلامة نهاية <body/>.

ثم، يوجد داخل عنصر <body> عنصران آخران: <h1> و<p>:

 
<h1>My Heading</h1>
<p>My paragraph.</p>
 

 

يعرّف العنصر <h1> بالعنوان.

وهي تشتمل على علامة بدء <h1> وعلامة نهاية <h1/>:

 
<h1>My Heading</h1>

 

يعرّف العنصر <p> للفقرة.

وهي تحتوي على علامة بدء <p> وعلامة نهاية <p/>:

<p>My paragraph.</p>

 

العناصر الفارغة HTML

تسمى عناصر التي لا تحتوي على محتوى العناصر الفارغة.

تعرف العلامة </br> فاصل أسطر، وهي عنصر فارغ بدون علامة إغلاق:

مثال:

<p>This is a <br> paragraph with a line break.</p>

 

لا تنسى مشاركة الصفحة ومن صالح دعائكم

صورة
CSS
كورس CSS | مقدمة css

ما هي CSS؟ تُعد Cascading Style Sheets ، التي يشار إليها باعتزاز باسم CSS ، لغة تصميم بسيطة تهدف إلى تبسيط عملية جعل صفحات الويب قابلة للتقديم. يتعامل CSS مع الشكل وا ...

صورة
SQL
كورس SQL | مقدمة SQL

ما هي SQL؟ SQL هي اللغة القياسية للتعامل مع قواعد البيانات العلائقية. يمكن استخدام SQL لإدراج سجلات قاعدة البيانات والبحث عنها وتحديثها وحذفها. يمكن لـ SQL إجراء الكث ...

صورة
JAVASCRIPT
كورس JavaScript | شرح Where To

في HTML ، يتم إدراج كود JavaScript بين علامتي script. وظائف وأحداث JavaScript: وظيفة JavaScript هي كتلة من تعليمات JavaScript البرمجية. على سبيل المثال ، يمكن استدعاء ...

صورة
CSS
كورس CSS | شرح Selectors

تُستخدم محددات CSS "للبحث" (أو تحديد) عناصر HTML التي تريد تصميمها. يمكننا تقسيم محددات CSS إلى خمس فئات: محددات بسيطة (حدد العناصر بناءً على الاسم والمعرف والفئة) ...

صورة
JAVASCRIPT
كورس JavaScript | مقدمة جافا سكريبت

ما هو JavaScript؟ JavaScript هي لغة برمجة كمبيوتر ديناميكية. إنه خفيف الوزن وأكثر استخدامًا كجزء من صفحات الويب ، حيث تسمح تطبيقاته للبرنامج النصي من جانب العميل بالت ...

صورة
JAVASCRIPT
كورس JavaScript | شرح Statements

تتكون تطبيقات JavaScript من عبارات ذات بناء جملة مناسب. قد تمتد عبارة واحدة إلى عدة أسطر. قد تحدث العبارات المتعددة على سطر واحد إذا تم فصل كل عبارة عن فاصلة منقوطة. ه ...