الصفحة الرئسيةتعلمhtml

ماهي العناصر المهم والتي يجب كتابتها في صفحة HTML؟

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

لدينا العنصر <html> </html> يمثل عنصر <html> الجذر ويجب ان تكون جميع عناصر html موجوده فيه.

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

لدينا العنصر <meat> يمثل هذا العنصر البيانات التي لايمكننا تمثيلها بعناصر html على سبيل المثال كالوسم <meta charset=”UTF-8″>.

توضح هذه السيمات حالة احرف المستند UTF-8 هو الترميز العالمي الذي يسمح لنا ببرمجة مواقع باللغة العبية او اي لغة اخرى.

لدينا العنصر <link> يستخدم هذا الوسم بشكل شائع انشاء علاقات بين صفحات html ,css كما يمكنك استخدامه لانشاء ايقونات الموقع.

على سبيل المثال اذا نظرنا اعلى رابط الفيس بوك على المتصفح نجد ايقونة الفيس بوك.

لدينا العنصر <style> </style> نستعمل هذا العنصر لكتابة وسوم css في نفس الصفحة التي نحن عليها.

لدينا العنصر <script> </script> يستخدم هذا العنصر لتضمين التعليمات البرمجية وعادة ما يستخدم لتضمين او الرجوع الى تعليمات javascript.

لدينا العنصر <title> </title> هذا العنصر خاص بعنوان الصفحة الذي يظهر اعلى رابط المتصفح.

لدينا العنصر <body> </body> يعتبر هذا العنصر هو المحتوى الخاص بصفحة html وهو المكان الذي يتم كتابة اكواد html عليه.

كيف يتم كتابة اكواد html على الصفحة؟

العناصر التي سوف نحتاج اليها الان في الصورة.

يمكنك كتابة كل الوسوم بشكل مباشر في محرر vs code عن طريق كتابة رمز ! في الصفحة ثم الضغط enter.

طريقة ترتيب العناصر التي تحدثنا عليها

<!DOCTYPE html>

<html>

<head>

<meta charset=”UTF-8″>

<title>welcome to my site</title>

<link>

<style></style>

<script></script> يمكننا وضعة هنا

</head>

<body>

hello world

<script></script>كما يمكننا وضعة في الاسفل هنا

</body>

</html>

مقالات ذات صلة

شاهد أيضاً

إغلاق
إغلاق
Ads Blocker Image Powered by Code Help Pro

Ads Blocker Detected!!!

We have detected that you are using extensions to block ads. Please support us by disabling these ads blocker.

Powered By
Best Wordpress Adblock Detecting Plugin | CHP Adblock