الخطوط في لغة html الدرس |6| - Programmer Tech

Programmer Tech

موقع تعليم مجاني يهتم بتعلم البرمجة و علوم الكمبيوتر, أمن المعلومات, القرصنة الأخلاقية, سكربتات

إعلان اعلى المقالة

الخميس، 28 نوفمبر 2019

الخطوط في لغة html الدرس |6|


الخطوط في لغة html

المتصفح يعرض الخط الإفتراضي له وهو من نوع Times new roman و الحجم الإفتراضي له هو "3" ,ماذا اذا كنا نريد إعطاء هذا الخط لون معين او حجم اكبر او نوع من انواع الخطوط غير الإفتراضي له ماذا نفعل ؟ إليك الحل html تعطيك التحكم الكامل بالخطوط من خلال الوسم font.


الوسم font

يقوم بالتحكم في الخط من حيث اللون و الحجم و نوع الخط, قبل البدء في اي مثال سوف اعرفكم على الخصائص المستخدمه مع الوسم font.

الخصائص المستخدمة مع الوسم font 

ايضاً توجد عدة خصائص نستخدمها مع الوسم font ﻷجل اعطاء الخطوط جمالاً أكثر.


خاصية face

تقوم بتحديد نوع الخط ويمكن ايضاً تحديد اكثر من نوع معاً في حال لم يتعرف المتصفح على الأول يذهب إلى الثاني وهكذا
<font face="arial">
page web
</font>

خاصية color

من خلال هذه الخاصية يمكنك التحكم في لون الخط.
<font color="ff00ff">
page web
</font>

خاصية size

تقوم هذه الخاصية بالتحكم في حجم الخط و ذلك من خلال العدد "1" وهو اصغر إلى العدد "7" وهو اكبر خط.
<font size="5">
page web
</font>

سوف نستخدم كل ما سبق في مثال على كلمة kaissar my page سوف نعطيها لون احمر و نوع خط arial وحجم الخط 7.



وستكون النتيجه هكذا 


يوجد ايضاً وسم آخر يقوم بنفس عمل الوسم font وهو وسم مفرد ليس له وسم نهاية لكنه يقوم بمثل النتائج وهو الوسم basefont ونستخدم به name بدل face كما في المثال التالي
<basefont name="arial" color="#909090" size="7">


لقد ذكرنا قبل قليل انه توجد وسوم تقوم بنفس اداء وسوم اخرى وسوف نتحدث عن الوسم h  المشهور في تمييز العناوين.

و ارقامه من 1 حتى الرقم 6 اكبرها الرقم 1 و اصغرها 6, لنذهب الى المثال المصور


وتكون نتيجة المخرجات هي كالتالي


مثال تخيلي اذا كنا نريد كتابة موقع به الكثير من الصفحات و توجد به عدة فقرات و نريد اعطاء حجم للخط لكل فقرة منها سوف نستخدم الوسم h في هذه العناوين.


ويكون النائج كالتالي


التنسيقات و التأثيرات التي يمكن استخدامها مع النصوص

نص عريض Bold

يوجد وسمين لهذا الغرض و نستطيع استخدام إحداها, لأن الأثنين يقومان بنفس الغرض.
<b>النص</b>
<strong>النص</strong>

نص مائل italic

نستخدم لجعل النص مائل الوسم i او الوسم em.
<i>النص</i>
<em>النص</em>

نص مسطر u

ااااا
اااااا
<u>النص</u>

النص المرتفع للأعلى sup

لللللل
للللل
<sup>النص</sup>

النص المنخفض للأسفل sub

ااااا
اااااا
<sub>النص</sub> 

نص كبير big

اااااا
ااااا
<big>النص</big>


نص صغير small

تاااااا
ااااا
<small>النص</small>

نص يعترضه خط strike

اااااا
اااااا
<strike>النص</strike>
<s>النص</s>

نص الآلة الطابعة tt

اااا
اااااا
<tt>النص</tt>

https://t.me/Programmer_Tech

ليست هناك تعليقات:

إرسال تعليق

facebook

تسميات

تواصل معنا

Translate

أخر الافكار

من انا

authorمبرمجين ويب و محبين للتقنية و الشبكات و امن المعلومات و سوف نقدم لكم الافضل إن شاء الله
أعرف المزيد ←

نموذج الاتصال

الاسم

بريد إلكتروني *

رسالة *

اقسام