مثال يجمع كل تنسيقات الخطوط التي ذكرناها
<html>
<p>welcome </p>
<b>my site </b> <br>
<strike> abn alrmahe </strike> <br>
Hi <big>welcome to my site </big><br
Z<sub>5</sub><br
X<sup>10</sup
<u>welcome </u> <br>
Welcome to my site <small> hello </small>
</html>
فتكون النتيجه المحصله هي بهذا الشكل
Welcome
x10
welcome to my site hello
فتلاحظ هنا اننا طبقنا كل التنسيقات ابتداء من التنسيق والغامق والمائل والخط وسط الكلمه والخط الكبير الذي ياتي بعد الصغير والآس الاسفل والآس الاعلى والخط تحت الكلمه والخط الصغير الذي ياتي بعد الكبير اضافة الى النزول سطر اخر قد طبقناه في عدة مرات
وهذا المثال لو تمعنت به جيدا يمكنك من خلاله كتابة اكواد كثيره اضافة الى ماذكرناه في موضوع الاحجام ويمكنك ايضا من خلاله ان تتوسع في كتابة كود كبير
وبعد ان عرفت اسس تنسيق الخطوط واحجامها اطلب منك ان تكتب كود بحجم الكود الذي بالمثال مع تغير الاسماء وعبارات الترحيب وكتابتك لمثل هذه الامثله وعدم تهاونك في كتابتها تجعل منك مصمما يعرف اسس التصميم الصحيحه
وسنقوم في الدروس القادمه بعون الله تعالى بمعرفة باقي اسس التصميم وفق المنهج الذي وضعناه
ملاحظه
الخط في وسط الكلمه لم يظهر لعدم دعم ادوات الموضوع وكذالك نهايات بعض الاقفال
ابو زين العابدين