أحدث المواضيع :
Loading...
مساحة اعلانية

الدرس الثاني : عناصر HTML

 


عناصر HTML     

HTML Elements

 عادة عناصرHTML  تتكون من وسم بداية start tag ووسم نهاية End tag ومحتوى بينهما

 <tagname>نضع المحتوى هنا ...</tagname> 

نطلق عنصر html على كل شيء يبدأ بوسم بداية وينتهي بوسم نهاية

 <p>  فقرة .  </p> 


html
وسم البداية محتوى العنصر وسم النهاية
<.h1> عنوان رئيسي أول <./h1>
<.p> فقرة . <./p>
<.br>
html
ملاحظة : عناصر HTML بدون محتوى تدعى عناصر فارغة (empty elements)
العناصر الفارغة لا تمتلك وسم نهاية ,كماهو الحال في العنصر   <br>(الذي يشير الى سطر فراغ line break)


جميع العناصر تكون داخل العنصر html
الكود التالي مثال على عناصر داخل العنصر html

 

شرح المثال السابق :

العنصر <html >يحدد نوع المستند whole document  وهو يبدأ بوسم البداية <html>وينتهي بوسم النهاية </html>

هذا العنصر يحتوي على عنصر HTML آخر <body>
(element body)

<body>

<h1>هذا عنوان</h1>
<p>هذه فقرة.</p>

</body>


العنصر <body> يحدد جسم المستند  document body اوجسم  الصفحة
وهو يبدأ بوسم البداية <body> وينتهي بوسم النهاية </body>
  وهذا العنصر يعتوي على عنصري HTML آخران (هما <h1> و <p>) 



<h1>هذا عنوان</h1>
<p>هذه فقرة.</p>




العنصر <h1> يحدد عنوان رئيسي heading.
يبدأ بالوسم  <h1>  وينتهي بالوسم  </h1>
يحتوي على جملة عنوان رئيسي أول  ويمكن ان يحتوي على اي جملة أخرى نستخدمه عندما نريد ان نميز عنوان لفقرة او نص.



العنصر <p> يحدد  فقرة paragraph.
وهو في هذه الحالة يحتوي على الكلمة فقرة.


<p>هذه فقرة.</p>



لا تنسى وسم النهاية 


حتى يتم عرض عناصر HTML بشكل صحيح يجب ان لاتنسى وسم النهاية في العناصر التي تحتوي على وسم نهاية .
المثال السابق يظهر في المتصفح بالشكل :



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


عناصر HTML الخالية من المحتوى تدعى عناصر فارغة.
العنصر <br>هو عنصر بدون وسم إغلاق(الوسم<br> يحدد سطر فراغ (line break)) 
العناصر الفارغة يمكن ان "تغلق" بالشكل <br/>
, لكن اذا اردت الكتابة بشكل صحيح او اذا كنت ستكتب ملف XML يجب عليك إغلاق جميع عناصر HTML بشكل صحيح.HTML5 لاتتطلب إغلاق العناصر الفارغة

إستخدم احرف انجليزية صغيرة عند كتابة اكواد HTML

HTML ليست حساسة لحالة الأحرف فمثلا <P> مثل <p>.
معايير HTML5 لاتشترط الكتابة بأحرف صغيرة ,لكن W3C تنصح بكتابة اكواد HTML بأحرف صغيرة ,كما ان بعض الملفات يجب كتابة اكوادها بأحرف صغيرة مثل الملفات من نوع XHTML.



انتهى الدرس.





. ,

ليست هناك تعليقات:

إرسال تعليق

الاشتراك في: تعليقات الرسالة (Atom)

مدونة الحجاز التقنية هي مدونة تهتم بالمحتوى التقني ,تحتوي مدونة الحجاز التقنية على مواضيع وشرواحات في مجالات تقنية عديدة كالكمبيوتر والانترنت والتصميم والأندرويد والفوتشوشوب وبلوجر...الخ. نحاول ان نفيد القارئ ولو بفكرة بسيطة يتم طرح المواضيع بطريقة بسيطة بعيد اعن التعقيد غالبا ماتكون الشروحات مرفقة بصور توضيحية. نرحب بالتعليقات والأقتراحات ونسعى لتقديم المفيد والجديد

القائمة البريدية



إشترك ليصلك جديد المدونة



قالب بلوجر تصميم إدارة مدونة الحجاز التقنية