الشكل العام لـ HTML
كود HTML العام="HTML" ;
كتابة صفحة HTML
HTML لغة بسيطة لتطوير صفحات الويب، ولقد تم تطوير لغة HTML لتكون لغة برمجة سهلة ومرنة. تُستخدم هذه اللغة لتطوير كل الصفحات الموجودة على الإنترنت تقريبًا بشكل أو بآخر (ColdFusion, XML, XSLT). يمكن تعلّم HTML بسهولة، إلا أن اللغة ستجذبك للاستمرار بتعلمها لفترة طويلة إن كنت مهتمًا بوظائفها الكاملة. يمكنك أيضًا تعلّم CSS لإضفاء مزيد من الألوان والإثارة إلى صفحاتك بعد الاعتياد على استخدام HTML.
1 افتح محرّر نصوص بسيط. برنامج NotePad خيار جيّد يمكن تنزيله مجّانًا. يمكنك كتابة رموز HTML بمعظم محرّرات النصوص، إلا أن البرامج المعقّدة التي تمتلك خواص تنسيق تلقائي للنص ستجعل من مهمة تنظيم صفحة HTML أمرًا صعبًا.
- لا يُنصح باستخدام برنامج TextEdit حيث أنه يحفظ الملف عادة بصيغة لا يمكن لمتصفح الإنترنت التعرّف عليها كصفحة HTML.
- يمكنك أيضًا استخدام محرّر HTML على شبكة الإنترنت. لا يُنصح باستخدام برامج تحرير HTML متخصّصة للمبتدئين.
2
احفظ الملف كصفحة ويب. افتح القائمة ملف File ← حفظ باسم Save As من القائمة العلوية. غيّر صيغة الملف لتكون صفحة ويب "Web Page," ".html", ".htm". احفظ الملف في مكان يمكنك إيجاده بسهولة.
وسم نهاية أو وسم إغلاق، ويمكنك تمييزه بالرمز /. يُظهر هذا الرمز مكان انتهاء النص الظاهر. تحتاج معظم الوسوم (وليس كلها) إلى وسم نهاية حتى تعمل بشكل صحيح، لذا تذكّر تضمين ذلك في رمزك البرمجي.
- لا فرق بين هذه الخيارات الثلاث.
3 افتح الملف في متصفح ويب. انقر نقرًا مزدوجًا على الملف وسيؤدي ذلك إلى فتح صفحة ويب فارغة في متصفّحك. يمكنك أيضًا فتح المتصفّح، مثل Firefox أو Internet Explorer، واستخدام القائمة ملف File ← فتح ملف Open File لاختيار مستند.
- لا تتواجد هذه الصفحة على الإنترنت. يمكن عرض هذه الصفحة على جهاز الكمبيوتر فقط.
4 أعِد تحميل صفحة ويب للاطلاع على التغييرات المحفوظة.اكتب الرمز التالي في مستند فارغ. Hello. احفظ المستند. أعِد تحميل صفحة الويب الفارغة في متصفّحك وسترى كلمة "Hello" أعلى الصفحة بخط عريض. عند رغبتك باختبار رمز HTML جديد في هذا المقال، احفظ ملف .html ثم أعِد تحميل الصفحة في المتصفّح لرؤية التغييرات الحادثة في الصفحة.
- إن ظهرت الكلمات "" و "'' في المتصفّح، فإن الملف لا يظهر كصفحة HTML على الأرجح. جرّب برنامج تحرير نصوص آخر أو متصفّح مختلف.
5 الوسوم. تُكتب تعليمات HTML على هيئة وسوم تُعلم متصفّح الإنترنت بطريقة فهم التعليمات وعرضها في صفحة الويب. تُكتب التعليمات دائمًا بين أقواس مستطيلة <كهذه>، ولا تُعرض هذه الأقواس في صفحة الويب. لقد استخدمت هذه الوسوم في المثال السابق.
- يسمّى الوسم وسم بداية أو وسم افتتاح. يتم تعريف أي شيء مكتوب بعد هذا الوسم على أنه خط ظاهر (ويتم إظهاره بخط عريض على صفحة الويب عادة).
- يسمّى الوسم
6 إعداد المستند. احذف كل شيء في مستند HTML. ابدأ مجدّدًا بالنص التالي كما هو مكتوب بالضبط (مع تجاهل نقاط الترقيم). يقوم هذا النص بإخبار المتصفّح بنوع رمزHTML+ الذي ستستخدمه، وأن الرمز البرمجي بالكامل سيكون بين الوسوم و .[٣]
7 أضف وسوم الترويسة وجسم الصفحة. يتم تقسيم صفحات HTML إلى قسمين. يختص قسم الترويسة (head) بالمعلومات الخاصة، كعنوان الصفحة مثلًا. يتضمن قسم جسم الصفحة (body) محتويات الصفحة الرئيسية. أضف هذه الأقسام إلى صفحتك، وتذكر أن تُضمّن وسوم النهاية. يكون النص المضاف الجديد بخط عريض:
8أضف عنوانًا لصفحتك. لا يهم تعلّم معظم الوسوم التي تكون في الترويسة بالنسبة للمبتدئين. يسهل استخدام وسم العنوان، ويحدد هذا الوسم الاسم الذي سيظهر في لسان تبويب المتصفّح. اكتب وسوم البداية والنهاية بداخل وسم الترويسة، واكتب أي عنوان ترغب به بينهما:
