تعلم HTML للمبتدئين (الجزء الثاني): كيف تنشئ اول صفحة لك؟
كيف تنشئ أول صفحة ويب باستخدام HTML؟
بعد أن تعرفنا في الجزء الأول على ما هي لغة HTML وأهم الوسوم المستخدمة فيها، حان الوقت للانتقال إلى خطوة أكثر عملية، وهي إنشاء أول صفحة ويب باستخدام HTML.
الكثير من المبتدئين يعتقدون أن إنشاء موقع ويب أمر صعب ويحتاج إلى برامج معقدة، لكن الحقيقة أن الأمر أبسط بكثير مما تتخيل. فكل ما تحتاجه هو جهاز كمبيوتر وبرنامج بسيط لكتابة الأكواد.
ما الذي تحتاجه لبدء تعلم HTML؟
لبدء إنشاء صفحة ويب باستخدام HTML ستحتاج إلى أمرين فقط:
أولًا: محرر نصوص
يمكنك استخدام أي محرر نصوص بسيط مثل Notepad الموجود في نظام ويندوز، أو أي برنامج مخصص لكتابة الأكواد مثل vscode
ثانيًا: متصفح إنترنت
مثل Google Chrome أو أي متصفح آخر، وذلك لفتح الصفحة ومشاهدة النتيجة.
خطوات إنشاء أول صفحة ويب
الآن سنقوم بإنشاء صفحة ويب بسيطة خطوة بخطوة.
الخطوة الأولى: فتح محرر النصوص
قم بفتح برنامج Notepad أو أي محرر أكواد لديك.
الخطوة الثانية: كتابة كود HTML الأساسي
اكتب الكود التالي داخل الملف:
<!DOCTYPE html>
<html>
<head>
<title>صفحتي الأولى</title>
</head>
<body>
<h1>مرحبا بك في موقعي</h1>
<p>هذه أول صفحة ويب أقوم بإنشائها باستخدام HTML.</p>
</body>
</html>
هذا الكود يمثل الهيكل الأساسي لأي صفحة ويب.
شرح الكود ببساطة
دعنا نفهم ما الذي يقوم به كل جزء من هذا الكود:
<!DOCTYPE html> يخبر المتصفح أن الصفحة مكتوبة بلغة HTML.
<html> هو الوسم الرئيسي الذي يحتوي على كل محتوى الصفحة.
<head> يحتوي على معلومات عن الصفحة مثل العنوان.
<title> هو العنوان الذي يظهر في أعلى المتصفح.
<body> يحتوي على كل العناصر التي تظهر للمستخدم.
<h1> يستخدم لكتابة عنوان رئيسي.
<p> يستخدم لكتابة فقرة نصية.
الخطوة الثالثة: حفظ الملف
بعد كتابة الكود قم بحفظ الملف بالطريقة التالية:
اضغط على File
اختر Save As
اكتب اسم الملف بامتداد html مثل:
index.html
من المهم أن يكون امتداد الملف .html حتى يتعرف المتصفح عليه كصفحة ويب.
الخطوة الرابعة: فتح الصفحة في المتصفح
بعد حفظ الملف، قم بالضغط عليه مرتين، وسيتم فتحه في المتصفح.
سترى الصفحة التي قمت بإنشائها تظهر أمامك.
وهكذا تكون قد أنشأت أول صفحة ويب في حياتك.
ماذا يمكنك أن تفعل بعد ذلك؟
بعد أن تعلمت إنشاء صفحة ويب بسيطة باستخدام HTML، يمكنك تطوير مهاراتك أكثر من خلال تعلم عناصر إضافية مثل:
إضافة الصور داخل الصفحة
إنشاء روابط بين الصفحات
إضافة فيديوهات وصوتيات
إنشاء جداول وقوائم
كل هذه الأشياء يمكن القيام بها باستخدام وسوم HTML.
خلاصة
إنشاء صفحة ويب باستخدام HTML ليس أمرًا صعبًا كما يعتقد الكثير من الناس. فببضع أسطر من الكود يمكنك إنشاء صفحة بسيطة وعرضها في المتصفح.
ومع الممارسة والتجربة ستتمكن من إنشاء صفحات أكثر تطورًا وتنظيمًا.
📘 في الجزء الثالث من هذه السلسلة سنتعلم أهم وسوم HTML التي يستخدمها المحترفون في تصميم المواقع مع أمثلة عملية سهلة التطبيق.
📘 إذا كنت تريد تعلم HTML بشكل أسهل، قمت بإعداد كتاب PDF يشرح أساسيات اللغة خطوة بخطوة للمبتدئين.
إذا كنت مهتم بالحصول على الكتاب يمكنك التواصل معي عبر واتساب على الرقم: 01015221391
