لغة اتش تي ام ال أحد لغات البرمجة الرائعة، خصوصًا إن كنت تصمم صفحة ويب. اكتب !DOCTYPE html في برنامج المفكرة ثم اضغط على زر الإدخال ↵ Enter. اكتب html في برنامج المفكرة ثم اضغط على زر الإدخال ↵ Enter. اكتب body في برنامج المفكرة ثم اضغط على زر الإدخال ↵ Enter. يشير سطر الأوامر هذا لاحتواء الجزء التالي من المستند على قسم معلومات (نص في هذه الحالة). اكتب <h1>نص العنوان الذي ترغب بظهوره</h1> في برنامج المفكرة ثم اضغط على زر الإدخال ↵ Enter من لوحة المفاتيح. اكتب على سبيل المثال: <h1>مرحبًا!</h1> في برنامج المفكرة لإنشاء صفحة ويب بعنوان "مرحبًا!". اكتب <p>نص</p> في برنامج المفكرة ثم اضغط على زر الإدخال ↵ Enter في لوحة المفاتيح، مع تغيير القيمة "نص" للنص الذي ترغب بظهوره في الصفحة. يمكنك على سبيل المثال كتابة <p>كيف حالك اليوم؟</p> في برنامج المفكرة لعرض جملة "كيف حالك اليوم؟" أسفل عنوان الصفحة. اكتب </body> في برنامج المفكرة ثم اضغط على زر الإدخال ↵ Enter في لوحة المفاتيح. اكتب </html> في برنامج المفكرة. يفترض أن يظهر البرنامج بالشكل التالي:  <!DOCTYPE html> <html> <body> <h1>مرحبًا!</h1> <p>كيف حالك اليوم؟</p> </body> </html> احرص على استخدام الامتداد .htm عند حفظ الملف. يُؤدي ذلك عادة لفتح البرنامج في متصفّح الإنترنت الافتراضي على جهازك، إلا أنك قد تحتاج لتحديد برنامج فتح الملف أولًا ليظهر في صفحة الويب عنوان الصفحة والنص الذي أدخلته في برنامجك.
افتح برنامج المفكرة. أشِر إلى استخدام لغة اتش تي ام ال في بداية الكود. أضف وسم اتش تي ام ال. جهِّز جسم الصفحة. أضِف عنوانًا للصفحة. أضف نصًا لصفحة الويب. أغلق قسم جسم الصفحة. أشِر لانتهاء كود لغة اتش تي ام ال. راجع كود البرنامج. احفظ البرنامج. انقر نقرًا مزدوجًا على ملف اتش تي ام ال.
افتح برنامج المفكرة. أشِر إلى استخدام لغة اتش تي ام ال في بداية الكود. أضف وسم اتش تي ام ال. جهِّز جسم الصفحة. أضِف عنوانًا للصفحة. أضف نصًا لصفحة الويب. أغلق قسم جسم الصفحة. أشِر لانتهاء كود لغة اتش تي ام ال. راجع كود البرنامج. احفظ البرنامج. انقر نقرًا مزدوجًا على ملف اتش تي ام ال.