بنية ملف HTML و طريقة كتابة HTML على المحرر

في هذه التدوينة سنتعرف على بنية ملف HTML و طريقة كتابة HTML على المحرر, لكن قبل البدء نود ان نرحب بزوارنا الاعزاء, شكرالكم وبارك الله فيكم.

بنية ملف HTML:

يتكون ملف HTML من وسم فتح ووسم اغلاق, ويتم كتابة المحتوى بين الوسمين, والفريق بين وسم الفتح, ووسم الاغلاق هو احتواء وسم الاغلاق على /.

على سبيل المثال: <tag> هذا وسم فتح, <tag/> هذا وسم اغلاق.

تنويه: هناك بعض عناصر HTML الشاذة, لا تحتوي على وسم اغلاق, يتم اغلاقها بي /بعد اسم العنصر, على سبيل المثال </ tag>

العنصر html:

<html>: هو العنصر الاعلى للمستند, بحيث يجب كتابة جميع العناصر الاخرى داخل هذا العنصر.

العنصر head:

<head>: يحتوي العنصر head على معلومات قابلة للقراءة اليا, مثل عنوان الصفحة وتنسيقات css, او روابط ملفات css الخارجية, وروابط ملفات javascript, وروابط اخرى ياتي شرحها في هذه الدورة ان شاء الله.

العنصر body:

<body>: يحتوي العنصر body على محتوى صفحة html, اي بمعنى اخر هو المسؤول على المحتوى الذي يتم عرضه للمستخدم على المتصفح.

على سبيل المثال: اذا كتب في العنصر (body) <p>مرحبا بك في موقعنا<p/>, ثم عرضنا هذه الصفحة على المتصفح, يتم عرض النص فقط, اي (مرحبا بك في موقعنا ).

العنصر DOCTYPE:

<DOCTYPE html!>: هو عنصر يمنع المتصفح من وضعية المراوغة عند عرض المستند, بمعنى اخر عندما تقوم بتضمين هذا العنصر اعلى صفحة html, لضمان بأن المتصفح يبذل قصارى جهده لتباع المواصفات ذات صلة.

ملاحظة:

تعتبر هذه العناصر اهم عناصر في html, كما انه لا يمكنك تكرار هذه العنصر في الصفحة الواحدة, اي اذا قمت بكتابتها في الصفحة لا يمكنك اعادة كتابتها مرة اخرى في نفس الصفحة.

طريقة كتابة HTML على المحرر:

<DOCTYPE html!>
<html>
  <head>
  </head>
  <body>
  </body>
</html>

إرسال التعليق