الخط التناسبي والخط أحادي التباعد:
ما هو النص التناسبي ؟
يعني أن الحروف تحتل كميات مختلفة من المساحة أفقيا . أي كل حرف له مساحة خاصة فيه بحجمه.
ما هو النص الأحادي التباعد ؟
أن كل الحروف موحدة الحجم أفقيا.
الوسم المستخدم للنص أحادي التباعد هو الوسم الثنائي:
<kbd> </kbd> وهو اختصار من كلمة (لوحة مفاتيح) keyboard
وسوم أخرى تستخدم أيضا للنص أحادي التباعد:
<code> </code> ويعني (شفرة)
<samp> </samp> ويعني (مثال)
وسمي (شفرة) و (مثال) متشابهان.
التطبيق:
اخترت نفس النص وطبقته على الاكواد السابقة لنلاحظ الفروقات.
افتح برنامج المفكرة وطبق عليه الكودالتالي:
ما هو النص التناسبي ؟
يعني أن الحروف تحتل كميات مختلفة من المساحة أفقيا . أي كل حرف له مساحة خاصة فيه بحجمه.
ما هو النص الأحادي التباعد ؟
أن كل الحروف موحدة الحجم أفقيا.
الوسم المستخدم للنص أحادي التباعد هو الوسم الثنائي:
<kbd> </kbd> وهو اختصار من كلمة (لوحة مفاتيح) keyboard
وسوم أخرى تستخدم أيضا للنص أحادي التباعد:
<code> </code> ويعني (شفرة)
<samp> </samp> ويعني (مثال)
وسمي (شفرة) و (مثال) متشابهان.
التطبيق:
اخترت نفس النص وطبقته على الاكواد السابقة لنلاحظ الفروقات.
افتح برنامج المفكرة وطبق عليه الكودالتالي:
<!DOCTYPE HTML>
<html dir="rtl">
<head> <title> تطبيق وسم حجم الخط </title> </head>
<body>
<p>
<kdd> تناول الخضروات والفواكه بعد غسلها جيدا </kdd> <br>
<code> تناول الخضروات والفواكه بعد غسلها جيدا </code> <br>
<samp> تناول الخضروات والفواكه بعد غسلها جيدا </samp> <br>
</p>
</body>
</html>
<html dir="rtl">
<head> <title> تطبيق وسم حجم الخط </title> </head>
<body>
<p>
<kdd> تناول الخضروات والفواكه بعد غسلها جيدا </kdd> <br>
<code> تناول الخضروات والفواكه بعد غسلها جيدا </code> <br>
<samp> تناول الخضروات والفواكه بعد غسلها جيدا </samp> <br>
</p>
</body>
</html>
هنا الملف الذي طبقت عليه kbd-code-samp.html
ليست هناك تعليقات:
إرسال تعليق