‫انشأ أول صفحة ‪HTML‬‬

‫النشاء ملف ‪ HTML‬يعرض رسالة "‪ "Hello world‬في متصفح الويب‪ ،‬دعنا نتبع الخطوات التالية ‪:‬‬
‫الخطوة األولى ‪ :‬إنشاء ملف ‪HTML‬‬
‫قم بفتح محرر نصوص عادي على جهاز الكمبيوتر الخاص بك و قم بإنشاء ملف جديد‬

‫الخطوة الثانية ‪ :‬كتابة بعض اكواد ‪HTML‬‬

‫ابدأ مع نافذة فارغة واكتب الكود التالي‪:‬‬

‫الخطوة الثالثة ‪ :‬حفظ الملف ‪HTML‬‬

‫اآلن احفظ الملف على سطح المكتب باسم "‪"myfirstpage.html‬‬
‫لفتح الملف في متصفح الويب انتقل إلى الملف الخاص بك ثم انقر مرتين عليه‪ .‬سيتم فتحه في متصفح الويب االفتراضي‬
‫الخاص بك‪ .‬إذا لم يحدث ذلك ‪ ،‬افتح المتصفح واسحب الملف إليه‪.‬‬
‫شرح الكود‬
‫السطر األول <!‪ >DOCTYPE html‬هو إعالن نوع الصفحة‪ .‬يرشد متصفح الويب أن هذه الصفحة هو صفحة ‪HTML5‬‬
 ‫العنصر <‪> head‬هو حاوية للوسوم التي توفر معلومات حول الصفحة ‪ ،‬على سبيل المثال ‪ ،‬يحدد الوسم <‪ >title‬عنوان‬
‫الصفحة‪.‬‬
‫يحتوي العنصر <‪ > body‬على المحتوى الفعلي للصفحة الويب (الفقرات واالرتباطات والصور والجداول وما إلى ذلك) الذي‬
‫يتم عرضه في متصفح الويب وعرضه على المستخدم‪.‬‬
‫سوف تتعرف على عناصر ‪ HTML‬المختلفة بالتفصيل الحقا‪ .‬في الوقت الحالي ‪ ،‬ركز فقط على البنية األساسية لصفحة‬
‫‪.HTML‬‬

‫الوسوم (‪ )Tags‬والعناصر (‪)Elements‬‬

‫يتم كتابة كود ‪ HTML‬في شكل عناصر‪ Elements HTML‬تتكون من الوسوم ‪ .Tags‬الوسوم هي السمة األساسية لـ‬
‫‪ .HTML‬تتكون كل الوسوم من كلمة أساسية ‪ ،‬محاطة بأقواس زاوية ‪ ،‬مثل <‪ >html‬و <‪ >head‬و <‪ >body‬و <‪ >title‬و‬
‫<‪ >p‬وما إلى ذلك‪.‬‬
‫تأتي وسوم ‪ HTML‬عادًة في أزواج مثل <‪ >html‬و <‪ .>html/‬غالًبا ما يطلق على الوسم األول في الزوج ما وسم الفتح (أو‬
‫وسم البدء) < > ‪ ،‬ويسمي الوسم الثاني وسم اإلغالق (أو وسم النهاية) <‪.>/‬‬
‫يتشابه وسم الفتح ووسم اإلغالق ‪ ،‬باستثناء شرطة مائلة ‪ /‬بعد قوس زاوية فتح وسم اإلغالق ‪ ،‬إلعالم المتصفح بأن األمر قد‬
‫اكتمل‪.‬‬
‫بين وسمي البداية والنهاية يمكنك وضع المحتويات المناسبة‪ .‬على سبيل المثال ‪ ،‬سيتم كتابة فقرة ‪ ،‬يتم تمثيلها بواسطة العنصر‬

‫‪ ، p‬على النحو التالي ‪:‬‬