خطوات إنشاء صفحة ويب بلغة html | مكونات صفحة الويب. في هذا المقال سوف نتعرف على تكوين صفحات اتش تى ام ال. والتي تتكون عاده من وسم بداية، ووسم نهاية أو ما يسمي بالوسوم (Tags). ويكون بين وسمي البداية والنهاية والمحتوي النصي (content). ويمكن إضافة بعض الخاصيات (ِAttribute) بعضها اختياري، والأخر إجباري داخل وسم البداية لتغيير شكل العنصر أو ضبطه.
خطوات إنشاء صفحة ويب بلغة html
لكى نقوم بإنشاء موقع إلكتروني نقوم أولاً بعمل صفحات HTML أو التعديل عليها لابد من استخدام أحد برامج تحرير النصوص. وأشهرها برنامج فيجوال إستوديو كود VS Code. وهو برنامج مفتوح المصدر من شركة مايكروسوفت يعمل على الويندوز ولينكس وماك.
كما نحتاج إلى متصفحات الإنترنت لتجربة صفحات الويب التي يتم إنشاؤها على محرر النصوص، ثم تكون جاهز لتطبيق الخطوات التالية.
خطوات إنشاء صفحة ويب بلغة HTML
1- قم بفتح برنامج محرر النصوص الذى تستخدمه واختيار إنشاء صفحة جديدة html وستجد أن هناك أكواد أساسية في هيكل الصفحة تسمى بنية لغة اتش تي ام ال. تظهر كما بالشكل التالي:-
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
</head>
<body>
</body>
</html>
تكوين الصفحات في لغة HTML - مكونات صفحة الويب
ويتكون من وسم بداية (Start tag) ويكون بهذا الشكل {< >}.
ووسم نهاية (End tag) ويكون بهذا الشكل {</>}.
وما بين وسم البداية والنهاية يكون المحتوى النصي Content الذي تكتبه.
- وسم التايتل <title>: حيث يقوم بتعريف العنوان للصفحة.
- والعنصر <meta>: الذي يضبط ترميز الصفحة.
- والعنصر <link>: الذي يربط هذه الصفحة بلغة CSS.
- وأيضا العنصر <script>: والذي يربط هذه الصفحة بلغة الجافا سكريبت Javascript.
العنصر <body>: يشير الي محتوي الصفحة. والذى كتبنا بداخلة النص في المثال السابق.
وأخيراً وسم الإغلاق </html>: ويشير إلي انتهاء الصفحة. ويجب التأكد من وجود الـ Slash (/)، لكى يتم حفظ مكونات صفحة الويب بطريقة صحيحة.
وإلى هنا نكون قد وصلنا لنهاية هذا الموضوع والذى كان بعنوان (مكونات صفحة الويب ، خطوات إنشاء صفحة ويب).
- الدرس السابق: مقدمة تعلم لغة html.
- الدرس التالي: تنسيق صفحات الويب في لغة html.
يسعدنا إضافة تعلقيك علي مقالاتنا، ونرجو منك إضافة تعليق يتعلق بنفس هذا الموضوع.