إعداد أول صفحة HTML لك
اكتب أول تعليمات HTML باستخدام محرر نصوص بسيط.
إعداد أول صفحة HTML لك درس مجاني في HTML for Kids على CoddyKit. هذا هو الدرس 4 من أصل 4. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في HTML for Kids، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة HTML for Kids 4 دروس في المجموع.
إعداد أول صفحة HTML لكم
مرحبًا بكم في الجزء الأكثر إثارة من تعلم HTML! سننشئ اليوم أول صفحة HTML لكم من الصفر. استعدوا لرؤية شفرتكم تنبض بالحياة!
الأدوات التي تحتاجون إليها
لإنشاء صفحة HTML، تحتاجون إلى شيئين فقط:
- محرر نصوص: تشمل الأمثلة Notepad في Windows وTextEdit في Mac، أو أي محرر آخر مثل VS Code.
- متصفح ويب: مثل Chrome أو Firefox أو أي متصفح لعرض صفحتكم.
لنبدأ البرمجة!
افتحوا محرر النصوص
الخطوة 1: افتحوا محرر النصوص
1. افتحوا محرر النصوص الخاص بكم، مثل Notepad أو VS Code.
2. احفظوا ملفًا جديدًا باسم index.html. احرصوا على تضمين الامتداد .html!
أصبحنا الآن مستعدين لإضافة بعض شفرة HTML!
اكتبوا البنية الأساسية
الخطوة 2: اكتبوا البنية الأساسية
تحتاج كل صفحة HTML إلى بنية أساسية. اكتبوا الشفرة التالية في ملفكم:
<!DOCTYPE html>
<html>
<head>
<title>My First HTML Page</title>
</head>
<body>
<!-- Content goes here -->
</body>
</html>أضيفوا عنوانًا
الخطوة 3: أضيفوا عنوانًا
أضيفوا عنوانًا إلى صفحتكم داخل وسم <body>:
<h1>Welcome to My First Web Page!</h1>
أضيفوا فقرة
الخطوة 4: أضيفوا فقرة
أضيفوا أسفل العنوان فقرة تصف صفحتكم:
<p>This is my first web page, and I’m learning HTML. It’s so much fun!</p>
احفظوا صفحتكم وافتحوها
الخطوة 5: احفظوا صفحتكم وافتحوها
1. احفظوا الملف بعد كتابة الشفرة.
2. افتحوا المتصفح.
3. اسحبوا ملف index.html وأفلتوه داخل نافذة المتصفح.
ها قد أصبحت أول صفحة ويب لكم منشورة!
صفحة HTML الكاملة الخاصة بكم
إليكم الشكل الذي يجب أن تبدو عليه شفرتكم النهائية:
<!DOCTYPE html>
<html>
<head>
<title>My First HTML Page</title>
</head>
<body>
<h1>Welcome to My First Web Page!</h1>
<p>This is my first web page, and I’m learning HTML. It’s so much fun!</p>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>My Awesome Page</title>
</head>
<body>
<h1>Hello, World!</h1>
</body>
</html>
عمل رائع!
تهانينا على إنشاء أول صفحة HTML لكم! لقد تعلمتم كيفية إعداد البنية الأساسية وإضافة عنوان وكتابة فقرة. في الدرس التالي، سنتعلم كيفية إضافة عناصر أكثر تشويقًا، مثل الصور والروابط، إلى صفحتكم. واصلوا العمل الرائع!
الأسئلة الشائعة
هل درس «إعداد أول صفحة HTML لك» مجاني؟
نعم — نص درس «إعداد أول صفحة HTML لك» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة HTML for Kids، انتقل إلى CoddyKit PRO. تتضمن دورة HTML for Kids 4 دروس في المجموع.
ماذا ستتعلم في «إعداد أول صفحة HTML لك»؟
اكتب أول تعليمات HTML باستخدام محرر نصوص بسيط. تتمرن على HTML for Kids مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.
هل أحتاج إلى خبرة سابقة لأبدأ HTML for Kids؟
لا تُشترط خبرة سابقة. HTML for Kids على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 4 من أصل 4.
كم من الوقت يستغرق درس «إعداد أول صفحة HTML لك»؟
معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.
هل يمكنني كتابة وتشغيل أكواد في درس HTML for Kids هذا؟
نعم. كل درس في HTML for Kids يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.
جميع الدروس في هذه الدورة
- ما هي HTML؟
- بنية HTML: اللبنات الأساسية
- وسوم HTML وعناصرها
- إعداد أول صفحة HTML لك