المحتوى

• خطوات
• علامة h2
• نصائح

يجعل HTML من السهل جعل النص غامقًا ، وهناك العديد من العلامات التي يمكن استخدامها إذا كنت تريد المزيد من الخيارات. والأفضل من ذلك ، تعلم بعض CSS وأضفه مباشرة إلى مستند HTML الخاص بك. هذا أسرع من إضافة ورقة أنماط CSS وسيسمح لك بالتحكم في مقدار السُمك الذي تريده في نصك الغامق.

خطوات

الطريقة 1 من 2: إنشاء نص غامق باستخدام HTML

1. 

   استخدم العلامة "strong". في HTML5 ، يوصى بالمعيار المفضل ، العلامة "القوية" ، للنصوص المهمة. يتم عرضه دائمًا كنص عريض في المستعرضات.
   • اكتب النص الذي تريده بخط عريض بين هذه العلامات: نص عريض هنا.

2. 

   
   
   استخدم علامات العنوان عند الاقتضاء. يتم وضعها في الجزء العلوي من موقع الويب أو في بداية قسم جديد. عادةً ما يتم عرض العناوين بخطوط أكبر وجريئة ، ولكن هذا يمكن أن يختلف. هناك ستة علامات مختلفة للعناوين ، من

   ال

   . اتبع هذه التعليمات عند استخدامها.

   • العلامة h1 مكتوبة بصيغة

     لقبك هنا

     هو العنوان الأكثر أهمية ، وعادة ما يكون النص الأطول في بداية الصفحة.

   • علامة h2

     هو ثاني أهم عنوان ، وهكذا ، حتى العلامة

     h6 ، الأدنى

     .
   • استخدمها بشكل مقتصد ، فقط لتنظيم صفحتك. يجب أن يكون المستخدمون قادرين على التمرير عبر العناوين بسرعة والعثور على ما يبحثون عنه.
   • عند إنشاء الترجمة ، قم بتقليل مستوى واحد في كل مرة. بمعنى آخر ، لا تقفز من

     إلى عن على

     . يساعد ذلك صفحة HTML في الحفاظ على التنسيق عند نقلها إلى تنسيق آخر.

3. 

   
   
   استخدم العلامة "ب" كحل أخير.. الوسم لا يزال مدعومًا في HTML5 ، لكن ملف هو الأكثر تفضيلاً في معظم الحالات. استخدم العلامة فقط عندما يتم استخدام النص الغامق لأسباب تتعلق بالأسلوب وليس للتأكيد. تشمل الأمثلة الكلمات الأساسية أو المفردات في النص ، أو أسماء المنتجات للتحليل.
   • مثل معظم العلامات ، اكتب نصًا بين بداية العلامة ونهايتها.

الطريقة 2 من 2: إنشاء نص غامق باستخدام Inline CSS

1. 

   
   
   افهم متى تستخدم CSS ، وهي طريقة أكثر قوة وثباتًا لتغيير نمط موقع الويب الخاص بك. هذه اللغة مثالية لتحديد مظهر موقع الويب الخاص بك ، بينما يحدد HTML معنى موقع الويب الخاص بك. لا بأس في استخدام HTML للتأكيد على النص المهم ، لكن CSS ستمنحك مزيدًا من التحكم في الجانب المرئي للنص الغامق.
   • حاول فتح نفس صفحة HTML في متصفحات مختلفة ، وقد تلاحظ بعض الاختلافات في العرض. "تخبر" CSS المتصفح بالضبط بكيفية إظهار النص الذي تم تغييره بواسطة علامة لتقليل التباين.

2. 

   أضف علامة للنص الخاص بك. إذا كنت لا تعرف أي شيء عن CSS حتى الآن ، فإن استخدام "CSS inline" يعد طريقة جيدة للبدء. على الرغم من أنه يمكنك تغيير العلامات مثل

   أو

   ، سيتعين عليك في بعض الأحيان تعديل النص غير الموجود بين العلامات. في هذه الحالة ، قم بتضمين النص في العلامات . ليس له تأثير من تلقاء نفسه ، لكنه يعطينا شيئًا نعمل عليه. هذا هو المثال الذي سنستخدمه:

   • لقد تعلمت أن أجعل هذا النص غامقًا باستخدام CSS المضمنة.

3. 

   أضف سمة النمط. تتم كتابة سمات HTML مباشرة في العلامة ، بين قوسين <>. تعد ميزة النمط ضرورية لإدخال CSS داخل علامة HTML ، لذلك سنقوم بإدراج النمط = في علامة span:
   • لقد تعلمت أن أجعل هذا النص غامقًا باستخدام CSS المضمنة.
   • لا يوجد سبب لإضافة سمة النمط دون تحديد أي شيء. نحن نتعلم شيئًا واحدًا في كل مرة.

4. 

   أضف خاصية "font-weight". يتم إضافة خصائص CSS كسمات نمط. في حالتنا ، سوف نستخدم الخاصية المذكورة ، والتي تحدد سمك الخط. يمكن استخدامه لإظهار نص عريض أو أرق أو حتى سمك عادي. أضف "وزن الخط:" بعد علامة = ، كما هو موضح أدناه:
   • لقد تعلمت أن أجعل هذا النص غامقًا باستخدام CSS المضمنة.
   • مرة أخرى ، لم ننتهي بعد.
   • لا تنس الاقتباسات قبل وبعد وزن الخط:.

5. 

   أضف القيمة بالخط العريض. الشيء الوحيد الذي يتعين علينا القيام به هو إنشاء قيمة بين وزن الخط: والاقتباسات الأخيرة. هناك بعض الخيارات التي يمكن استخدامها ولكن القيمة بالخط العريض هو أسهل استخدام:
   • لقد تعلمت أن أجعل هذا النص غامقًا باستخدام CSS المضمنة.

6. 

   جرب القيم الأخرى. يمنحك CSS الكثير من الخيارات إلى جانب HTML ، لذلك لا تقيد. فيما يلي بعض البدائل للقيمة "الجريئة":
   • سيكون النص "أكثر جرأة" مكشوفًا أكثر من النص المشابه له. على سبيل المثال ، إذا قمت بكتابة فقرة كاملة باستخدام "غامق" ، ثم استخدام "أكثر جرأة" في جملة فردية داخل الفقرة ، فسيتم تمييزها.
   • الخيار "عادي" سيبقي النص بدون خط غامق ، حتى لو كان بين علامة تجعله غامقًا.
   • يمكنك استخدام قيمة عددية تتراوح من 100 إلى 900 لتحديد سمك. 400 أمر عادي بينما يستخدم النص الغامق 700.

نصائح

• عند استخدام خاصية وزن الخط في CSS ، استخدم القيم الرقمية فقط من مضاعفات 100 ، حيث سيتم تقريب الأرقام بينها.
• تعد ورقة CSS المضمنة أو الخارجية طريقة أفضل لجعل النص غامقًا ، حيث تسمح بإجراء تغييرات على مستند كامل مرة واحدة.
• كل خط لديه فقط بعض الميزات المتاحة. عند استخدام CSS ، يكون التنسيق المستخدم للخط هو الأقرب للطلب. هذا يعني أنه في بعض الأحيان لن يكون من الممكن التمييز بين الخط الغامق ، على سبيل المثال.