أتش تي أم أل (لغة ترميز النص التشعبي) هي لغة الترميز الرئيسية لصفحات الويب وتسمح لك بإنشاء بنية ومحتوى مستندات الويب. أحد العناصر المهمة لصفحة الويب هو الارتباط التشعبي (العلامة) ، والذي يسمح لك بالتنقل عبر صفحات أو أقسام مختلفة داخل موقع الويب.
يلعب خط الارتباط التشعبي دورا مهما في إنشاء تجربة مستخدم وجاذبية مرئية والتنقل على صفحة الويب. في هتمل ، هناك طرق مختلفة لتغيير حجم الخط من الارتباط التشعبي بحيث تبرز من بقية النص.
تتمثل إحدى طرق تغيير حجم خط الارتباط التشعبي في استخدام سمة النمط. يتيح لك تعيين قيمة سمة النمط في علامة تطبيق نمط عليها. على سبيل المثال ، لتعيين حجم خط ارتباط تشعبي إلى 16 بكسل ، يمكنك استخدام التعليمات البرمجية التالية:
رابط إلى المثال
في هذا المثال ، تقوم سمة النمط بتعيين خاصية حجم الخط إلى 16 بكسل للارتباط التشعبي. يمكنك تغيير قيمة حجم الخط للحصول على النتيجة المرجوة.
- ما هو الارتباط التشعبي في أتش تي أم أل?
- لماذا تغيير حجم الخط من ارتباط تشعبي?
- تغيير حجم الخط باستخدام سمة النمط
- بناء الجملة لتغيير حجم الخط
- أمثلة على تغيير حجم الخط
- تغيير حجم الخط باستخدام كس
- بناء الجملة لتغيير حجم الخط باستخدام المغلق
- أمثلة على تغيير حجم الخط باستخدام كس
- تغيير حجم الخط باستخدام علامة الخط أتش تي أم أل
ما هو الارتباط التشعبي في أتش تي أم أل?
. في الوقت نفسه ، يرى المستخدم هذا المحتوى فقط ويمكنه النقر عليه لمتابعة الرابط.
هنا مثال على ارتباط تشعبي في هتمل:
- - ارتباط تشعبي من شأنها أن يأخذك إلى موقع على شبكة الانترنت مع عنوان "https://www.example.com ".
يشير إلى العلاقة بين الصفحة الحالية والصفحة المشار إليها بواسطة الارتباط التشعبي ، ويستخدم لتحسين تحسين محركات البحث (تحسين محرك البحث).
لماذا تغيير حجم الخط من ارتباط تشعبي?
يمكن أن يكون تغيير حجم خط الارتباط التشعبي مفيدا لأغراض مختلفة:
تحسين قابلية القراءة يمكن أن يساعد تغيير حجم الخط في جعل الارتباط التشعبي أكثر قابلية للقراءة. تؤدي زيادة حجم الخط إلى جعله أكثر وضوحا ويسهل على المستخدمين العثور على الرابط والنقر عليه. هذا مهم بشكل خاص للأشخاص الذين يعانون من ضعف البصر أو القيود البصرية. |
تسليط الضوء على أهمية يمكن أيضا استخدام تغيير حجم خط الارتباط التشعبي لإبراز أهميته في النص. زيادة حجم الخط يجعل الارتباط التشعبي أكثر وضوحا ويجذب انتباه المستخدم. يمكن أن يكون هذا مفيدا إذا كان الارتباط التشعبي عنصرا أساسيا أو يحتاج إلى تسليط الضوء عليه لراحة المستخدم. |
مطابقة نمط التصميم من خلال تغيير حجم خط الارتباط التشعبي ، يمكنك بسهولة تكييفه مع النمط العام وتصميم موقع الويب الخاص بك. عن طريق اختيار حجم خط معين يطابق التصميم الخاص بك ، يمكنك إنشاء نظرة موحدة والمهنية للارتباط التشعبي الخاص بك. |
القدرة على تغيير حجم الخط من ارتباط تشعبي في أتش تي أم أل يمنحك المزيد من المرونة والسيطرة على مظهره. ومع ذلك ، يجب أن نتذكر أن اختيار حجم الخط يجب أن يكون معقولا ويأخذ في الاعتبار احتياجات مستخدمي موقع الويب الخاص بك.
تغيير حجم الخط باستخدام سمة النمط
لتغيير حجم خط الارتباط التشعبي في هتمل ، يمكنك استخدام سمة النمط. تتيح لك هذه السمة تعيين أنماط عنصر ما مباشرة في علامته ، دون استخدام أوراق الأنماط الخارجية أو الأنماط الداخلية.
لتغيير حجم خط ارتباط تشعبي باستخدام سمة النمط ، حدد خاصية حجم الخط وقم بتعيين القيمة المطلوبة.
على سبيل المثال ، إذا كنت ترغب في زيادة حجم خط ارتباط تشعبي ، يمكنك استخدام التعليمات البرمجية التالية:
- الخيار 1:
- الخيار 2:
في المتغير الأول ، يتم تعيين حجم الخط بعدد محدد من وحدات البكسل. في هذه الحالة ، سيكون حجم خط الارتباط التشعبي 18 بكسل.
في المتغير الثاني ، يتم تعيين حجم الخط بقيمة نسبية. تحدد الكلمة الأساسية "أكبر" حجم خط الارتباط التشعبي ليكون أكبر من حجم العنصر الأصل.
يمكنك أيضا استخدام وحدات قياس أخرى ، مثل النسب المئوية ( ٪ ) أو قيم "م". على سبيل المثال:
- الخيار 3:
- الخيار 4:
في كلا الخيارين ، سيتم زيادة حجم خط الارتباط التشعبي بنسبة 10 بالمائة بالنسبة لحجم خط العنصر الأصل.
وبالتالي ، باستخدام سمة النمط ، يمكنك بسهولة تغيير حجم خط الارتباط التشعبي وتحقيق التأثير المرئي المطلوب. في الوقت نفسه ، تجدر الإشارة إلى أن تغيير حجم الخط يمكن أن يؤثر على إدراك المحتوى وإمكانية الوصول إليه ، لذلك يوصى باستخدام قيم أولية معقولة واختبار المظهر في مختلف المتصفحات والأجهزة.
بناء الجملة لتغيير حجم الخط
هناك طرق مختلفة لتغيير حجم خط الارتباط التشعبي في هتمل:
- :
:
طريقة سهلة لتحديد حجم الخط بالبكسل:
الارتباط التشعبي
استخدام وحدات القياس النسبية:
الارتباط التشعبي
استخدام أوراق الأنماط الخارجية:
إنشاء ورقة أنماط خارجية وتحديد حجم الخط:
الارتباط التشعبي
من خلال الأنماط المدمجة:
إضافة نمط مضمن لارتباط تشعبي يحدد حجم الخط:
الارتباط التشعبي
جميع الطرق المذكورة أعلاه تسمح لك للسيطرة على حجم الخط من الارتباطات التشعبية في هتمل واختيار واحد الذي هو الأكثر ملاءمة لكل حالة.
أمثلة على تغيير حجم الخط
يمكنك تغيير حجم خط الارتباط التشعبي عن طريق إضافة سمة النمط بقيمة حجم الخط إلى علامة أ أو سبان. فيما يلي بعض الأمثلة:
مثال 1:
تغيير حجم الخط بمقدار 12 بكسل:
الارتباط التشعبي
المثال 2:
تغيير حجم الخط إلى 1.3 الحجم النسبي (من حجم النص الافتراضي):
الارتباط التشعبي
المثال 3:
تغيير حجم الخط إلى 150%:
الارتباط التشعبي
يمكنك استخدام هذه الأمثلة كنقطة انطلاق وتجربة قيم مختلفة لضبط حجم خط الارتباط التشعبي حسب رغبتك.
تغيير حجم الخط باستخدام كس
باستخدام كس ، يمكنك تعيين حجم الخط لارتباط تشعبي بحيث تبرز على الصفحة وتجذب انتباه المستخدمين. يتم استخدام خاصية" حجم الخط " لهذا الغرض.
على سبيل المثال ، لتعيين حجم خط 16 بكسل لارتباط تشعبي ، يمكنك استخدام التعليمات البرمجية كس التالية:
"`
أ {
حجم الخط: 16 بكسل;
}
«`
في هذا الرمز ، "أ" هو محدد يشير إلى تطبيق الأنماط على ارتباط تشعبي. تحدد خاصية " حجم الخط "حجم الخط ، وتشير القيمة" 16 بكسل " إلى الحجم بالبكسل.
يمكنك أيضا استخدام وحدات قياس أخرى ، مثل" إم "أو"ريم". على سبيل المثال:
"`
أ {
- }
«`
- يتيح لك تغيير حجم خط الارتباط التشعبي إنشاء واجهات سهلة الاستخدام وقابلة للقراءة ، بالإضافة إلى تمييز العناصر المهمة على الصفحة.
- تستخدم كس ، أو أوراق الأنماط المتتالية ، لتغيير حجم خط الارتباط التشعبي في هتمل. يوفر كس العديد من الخصائص والقيم التي تسمح لك بتغيير مظهر عناصر صفحة الويب ، بما في ذلك حجم الخط.
بناء الجملة لتغيير حجم الخط في كس كما يلي:
- - يحدد حجم الخط للعنصر المحدد.
- حجم الخط: 16 بكسل;
- يحدد حجم الخط إلى 16 بكسل.
- - يزيد من حجم الخط بنسبة 20 ٪ نسبة إلى حجم القاعدة.
- حجم الخط: أكبر;
- حجم الخط: أصغر;
- يقلل من حجم الخط من مستوى واحد.
يتم تطبيق حجم الخط على ارتباط تشعبي عن طريق تحديد الفئة أو المعرف المناسب للعنصر الذي يتم تطبيق النمط عليه. على سبيل المثال:a
هو ارتباط تشعبي بدون فئة أو معرف
. رابط
هو ارتباط تشعبي مع فئة "الارتباط"
- # رابط
a {
font-size: 14px;
.link {
font-size: 1.2em;
}
#link {
}
يتيح لك تغيير حجم الخط باستخدام كس التحكم بمرونة في مظهر الارتباطات التشعبية على صفحة الويب وتكييفها مع متطلبات التصميم.
| أمثلة على تغيير حجم الخط باستخدام كس | باستخدام كس (أوراق الأنماط المتتالية) يمكنك بسهولة تغيير حجم الخط من ارتباط تشعبي في هتمل. فيما يلي بعض الأمثلة: |
|---|---|
| باستخدام القيمة المطلقة لحجم الخط: | يمكنك تعيين قيمة حجم الخط المطلق لارتباط تشعبي باستخدام الخاصية |
| حجم الخط | . على سبيل المثال ، لتعيين حجم الخط إلى 14 بكسل ، يمكنك استخدام رمز كس التالي: |
| أ { | |
| حجم الخط: 14 بكسل; | } |
| استخدام قيمة نسبية لحجم الخط: |
أ {
حجم الخط: 1.2 م;
يعتمد الاختيار بين قيم حجم الخط المطلقة والنسبية على احتياجاتك وتفضيلاتك. يمكن أن تكون كلتا الطريقتين مفيدة في مواقف مختلفة.
تغيير حجم الخط باستخدام علامة الخط أتش تي أم أل
لتعيين حجم الخط ، يجب عليك استخدام السمة