[الدرس السادس ]: عناصر ومكونات لغة هتميل html

رقم المشاركة : ( 1 (**permalink**) )

الدرس السادس : عناصر ومكونات لغة هتميل HTML

في هذا الدرس . . سنتعرف على عناصر لغة الـ HTML .

عناصر الـ HTML

عنصر الـ HMTL يتكون من ثلاث اجزاء رئيسية وهي علامة البداية والمحتوى وعلامة النهاية كما هو مبين في الجدول التالي ... علامة البدايةالمحتوىعلامة النهايةThis is a paragraph<a href="/home/default.htm" >This is a link</a> 

قوانين كتابة عناصر الـ HTML

عنصر الـ HTML يبدأ دائماً بعلامة البداية
عنصر الـ HTML ينتهي دائماً بعلامة النهاية
المحتوى هو كل ما يظهر بين علامتي البداية والنهاية
بعض عناصر الـ HTML لاتحتوى على محتوى مثلا
العناصر التي لايتواجد بها محتوى .. تنتهي في علامة البداية مثلا
أغلب العناصر لديها خصائص اضافية مثلا width و height

مثال لمستند هتميل HTML Document

<html>
<body>
This is my first paragraph
</body>
</html>

ملاحظة : هذا المثال يحتوى على 3 عناصر وهي <body> و و <html>

شرح المثال بالتفصيل

العنصر الاول 
This is my first paragraph
العنصر يشير الى النص في مستند الهتميل
علامة البداية هي 
وعلامة النهاية هي 
والمحتوى هو This is my first paragraph

النعصر الثاني <body>
<body>
This is my first paragraph
</body>
العنصر <body> يشير الى هيكل الصفحة في مستند الهتميل
علامة البداية هي <body>
وعلامة النهاية هي </body>
والمحتوى هو ما بين علامتي البداية والنهاية والذي يتواجد به عنصر النص 

العنصر الثالث <html>
<html>

<body>
This is my first paragraph
</body>

</html>
العنصر <html> يشير الى نوع المستند المستخدم وهو html
علامة البداية هي <html>
وعلامة النهاية </html>
والمحتوى يتواجد به عنصر اخر وهو <body>

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

بعض العناصر لا يتواجد بها محتوى كما ذكرنا .. وهي ما تسمي العتاصر الفارغة في لغة الـ html
وكما ذكر سابقاً يمكن اغلاق العتصر الفارغ في علامة البداية

مثلا العنصر هو عنصر فارغ ويمكن اغلاقة بالشكل التالي 
ملاحظة : العنصر يقوم بتعرف سطر جديد وهو مهم جداً في برمجة الـ html
ملاحظة اخرى : بعض متصفحات الانترنت تقبل عناصر الـ html بدون اغلاق .. ولكن في المستقبل القريب سوف نجبر على اغلاق كل العناصر حتى العناصر الخالية