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


تاريخ النشر : 2025-02-28 04:43:22 | اخر تعديل: 2025-04-09 12:04:01

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

ملاحظة:

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


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

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

</html>

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


التصنيف: اهم دروس HTML