تعلم HTML: بنية ملف HTML


تاريخ النشر : 2024-11-24 19:28:38 | اخر تعديل: 2025-02-07 12:02:37

مرحبا بكم في دورة تعلم HTML, في هذه التدوينة سنتعرف على بنية ملف HTML الاساسية, او ما يسمى (basic syntax 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, يضمن بأن المتصفح يبذل قصارى جهده لتباع المواصفات ذات صلة.

ملاحظة:

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

اسم الصفحة مثلا (index.html)


<!DOCTYPE html>
<html>
<head>
   <title>عنوان الصفحة الذي يظهر في الاعلى</title>  
</head>

<body>
   المحتوى الذي يظهر على المتصفح  
</body>

</html>



التصنيف: تعلم html

تعريف HTML: لغة HTML هي لغة تصميم وليست لغة برمجة, تستخدم في تصميم صفحات الويب بشكل اساسي, كما يمكنك القول عنها, هي لغة وصف محتوى الصفحة.