تتكون الرموز البرمجية التي ستستخدمها لإنشاء الآلة الحاسبة من عدّة أجزاء لتراكيب معيّنة تعمل مع بعضها لتعريف عناصر المستند المختلفة. انقر هنا للحصول على شرح لكيفية التآلف مع هذه العملية أو أكمل قراءة المقال لتعرف وظيفة كل سطر في الرمز البرمجي الذي ستستخدمه لإنشاء الآلة الحاسبة.   html: وظيفة هذا الجزء من التركيب هي إعلام بقية المستند بأن اللغة المستخدمة هي لغة اتش تي ام ال حيث توجد العديد من لغات البرمجة التي يمكن استخدامها ووظيفة الوسم <html> هي إعلام بقية المستند أن لغة البرمجة المستخدمة هي لغة اتش تي ام ال.    head: يخبر هذا الجزء المستند أن كل البيانات الموجودة تحته عبارة عن بيانات تصف بيانات أخرى، أو ما يُعرف باسم "البيانات الفوقية". يُستخدم الوسم <head> عادةً لتعريف عناصر تنسيق في المستند مثل العناوين والترويسات وما إلى ذلك. فكّر في هذا الوسم على أنه مظلّة يتم تحتها تعريف بقيّة الرموز البرمجية.   title: هذا هو مكان تحديد عنوان المستند وتستخدم هذه الخاصية لتحديد عنوان المستند عند فتحه في متصفح اتش تي ام ال.  body bgcolor= "#": تحدّد هذه الخاصية لون خلفية الرموز البرمجية وجسم الصفحة ويوافق الرقم المكتوب بعد الرمز # لونًا محددًا بشكل مسبق.   text= "": تحدّد الكلمة التي سيتم كتابتها بين علامتي الاقتباس لون النص في المستند.  form name="": تحدد هذه الخاصية اسم نموذج يُستخدم لبناء هيكل لما يليه من بيانات بُناءً على معرفة لغة جافا سكربت لمعنى اسم النموذج، كاسم النموذج الذي سنستخدمه مثلًا "calculator" مما سيؤدّي إلى إنشاء هيكل محدد للمستند.   input type="": هذا هو الجزء الأهم من الرموز البرمجية حيث تخبر خاصية نوع الدخل "input type" المستند بنوعية النص الموجود في بقية الأقواس. يمكن أن تكون هذه القيم على سبيل المثال نص أو كلمة مرور أو زر (كما هو الحال في الآلة الحاسبة التي سننشئها) أو غير ذلك.   value="": يخبر هذا الأمر المستند بمحتويات نوع الدخل المحدد أعلاه وتكون المحتويات في الآلة الحاسبة التي نبرمجها أرقام (1-9) أو عمليات حسابية (+ أو - أو * أو / أو =).   onClick="": يصف هذا التركيب حدثًا ما مما يخبر المستند بضرورة حدوث شيء معين عند النقر على الزر. في حالة الآلة الحاسبة، وظيفة هذا التركيب هو تعبير كل زر في الآلة الحاسبة عن القيمة المكتوبة عليه، لذا فإنا سنكتب زر الرقم "6" بالشكل التالي document.calculator.ans.value+='6' بين علامتي الاقتباس.   br: يؤدّي هذا الوسم إلى إنشاء فاصل أسطر في المستند ليظهر النص الذي يليه في سطر جديد بعد النص السابق.   /form و /body و /html: تقوم هذه الأوامر بإنهاء الأوامر المماثلة التي تم بدؤها من قبل.
افهم وظيفة كل دالة في لغة اتش تي ام ال.