محتوا

• مراحل
• روش 1 از 2: ایجاد متن پررنگ با HTML
• روش 2 از 2: ایجاد متن پررنگ با CSS
• نکات

زبان نشانه گذاری HTML به شما این امکان را می دهد که بدون هیچ مشکلی و حتی به طور همزمان چندین متن را پررنگ کنید. با این حال ، بهتر است چند دقیقه را صرف مطالعه قوانین اساسی صفحات ترکیبی CSS کنید و آنها را به سند اضافه کنید تا بعداً در آنجا کار کنید. نکته اصلی این است که کنترل ظاهر یک صفحه وب از CSS بسیار ساده تر است ، از جمله زمانی که چیزی باید به صورت برجسته برجسته شود.

مراحل

روش 1 از 2: ایجاد متن پررنگ با HTML

1. 1 strong> از برچسب strong / strong> استفاده کنید. در HTML5 ، طبق مشخصات ، این بهترین راه برای برجسته کردن متن است. این برچسب تقریباً همیشه باعث پررنگ شدن متن می شود.
   • متنی را که می خواهید برجسته کنید در داخل برچسب ها قرار دهید: strong>درست همین جا/ strong>.
2. 2 در صورت لزوم از سرفصل ها استفاده کنید. به طور معمول ، آنها در بالای صفحه یا در ابتدای بخش جدیدی قرار می گیرند. به طور پیش فرض ، عنوانها بزرگتر و جسورتر از متن معمولی نمایش داده می شوند ، اگرچه در اینجا نیز ظرافت هایی وجود دارد. شش سطح عنوان وجود دارد ، از 1 تا 6: h1> - h6>. هنگام استفاده از آنها ، این دستورالعمل ها را دنبال کنید:
   • عنوان h1 به این صورت نوشته شده است: h1> عنوان سطح اول / h1> ، و این مهمترین ، بزرگترین سرفصل صفحه است.
   • h2> عنوان h2 / h2> - برای دومین عنوان مهم ، و همینطور تا h6> عنوان h6 ، کوچکترین از همه / h6>.
   • شما باید از عناوین با دقت و در حد اعتدال ، فقط برای سازماندهی محتوای صفحه استفاده کنید. کاربر باید بتواند عنوان را در اسرع وقت مشاهده کند تا بفهمد آیا محتوای موردنظر در زیر آن وجود دارد یا خیر.
   • هنگام ایجاد عناوین فرعی ، ارزش آن را دارد که هر بار فقط یک سطح پایین بیایید. به عبارت دیگر ، نیازی به قرار دادن بعد از h1> بلافاصله h3> نیست. به این ترتیب ، قالب بندی صفحه هنگام تبدیل به فرمت دیگر از بین نمی رود.
3. 3 b> به عنوان آخرین راه حل ، از تگ b / b> استفاده کنید. تگ b> هنوز در HTML5 پشتیبانی می شود ، اما بسیار بهتر است. شما می توانید از b> هنگامی که متن برای اهداف سبک شناسی و غیر معنایی برجسته می شود استفاده کنید - به عنوان مثال ، برای برجسته کردن کلمات کلیدی یا کلمات واژگان ، نام محصولات و غیره.
   • مانند بیشتر برچسب ها ، b> یک جفت است که متن / b> را که در داخل آن قرار دارد کنترل می کند.

روش 2 از 2: ایجاد متن پررنگ با CSS

1. 1 زمان استفاده از CSS را به خاطر بسپارید. CSS یک ابزار بسیار قدرتمند و مناسب برای ویرایش ظاهر یک صفحه است. در واقع ، CSS نحوه ظاهر صفحه است ، در حالی که HTML معنی آن است. البته ، برچسب های HTML اشکالی ندارند ، می توان از آنها استفاده کرد ، اما بهتر است با CSS کار کنید - شما کنترل بیشتری بر ظاهر متن خود دارید.
   • یک صفحه HTML ساده در مرورگرهای مختلف باز کنید. توجه کنید که چگونه در هر یک کمی متفاوت ظاهر می شود؟ CSS می تواند این تفاوت را به حداقل برساند.
2. 2 برچسب span> را به متن اضافه کنید. اگر قبلاً CSS ندارید ، اگر دوست دارید ، باید از اصطلاحاً "CSS درون خطی" - "ورق های سبک درون خطی" استفاده کنید. البته این می تواند برای تغییر ظاهر برچسب هایی مانند p> یا h1> استفاده شود ، اما گاهی اوقات می توانید متنی را که هنوز در هیچ برچسبی وجود ندارد ، تغییر دهید. تگ span> / span> مانند یک بسته بندی است که به خودی خود هیچ تاثیری یا تاثیری ندارد ، اما به ما این فرصت را می دهد که تغییرات لازم را در صفحه ایجاد کنیم. در اینجا مثالی آورده شده است:
   • span> من در حال یادگیری نحوه پررنگ کردن متن با CSS درون خطی هستم./span>
3. 3 ویژگی style را اضافه کنید. ویژگی ها در HTML مستقیماً در برچسب ، درست در کادرهای تأیید> نوشته می شوند. برای وارد کردن CSS در یک تگ HTML ، ویژگی style مورد نیاز است ، بنابراین وارد کنید سبک = در برچسب span:
   • span style => من در حال یادگیری نحوه پررنگ کردن متن با CSS داخلی ../ span> هستم
   • اگر خود سبک را اضافه نمی کنید چرا یک ویژگی style اضافه کنید؟ درست فکر کنید. اما در اینجا ما همه چیز را گام به گام تنظیم می کنیم!
4. 4 ویژگی font-weight را اضافه کنید. خصوصیات CSS به عنوان بخشی از ویژگی ، در این مورد به عنوان بخشی از ویژگی style ، یعنی "font-weight" (وزن تحت اللفظی) اضافه می شوند. از این ویژگی می توان برای تعیین سبک یک فونت استفاده کرد ، نه تنها پررنگ ، بلکه بسیار برجسته ، نازک یا معمولی. بعد از علامت = بنویسید "font-weight:"... باید چیزی شبیه به این باشد:
   • span style = "font-weight:"> در حال یادگیری نحوه پررنگ کردن متن با استفاده از CSS درون خطی هستم ./ span>
   • فعلا مکث کنید ، چیز دیگری ننویسید (و بله ، موارد بیشتری در راه است).
   • فراموش نکنید که نقل قول ها را قبل و بعد قرار دهید وزن فونت:.
5. 5 مقدار پررنگ را اضافه کنید چی چیز باقی مانده است؟ درست است ، ویژگی ویژگی را روی یک مقدار تنظیم کنید! کجا درج شود؟ درست است ، بین وزن فونت: و نقل قول پایانی این ویژگی دارای انواع مختلفی است که در جسارت متفاوت هستند و ساده ترین راه استفاده از مقدار است جسورانه:
   • span style = "font-weight: bold"> در حال یادگیری نحوه پررنگ شدن متن با استفاده از CSS داخلی هستم./span>
6. 6 با مقادیر دیگر آزمایش کنید. CSS بسیار قوی تر از HTML است ، بنابراین احساس نکنید دست و پا بسته اید. در اینجا چند گزینه جایگزین برای bold وجود دارد:
   • span style = "font -weight: bolder"> "Bolder" - به این ترتیب متن همیشه ضخیم تر از عنصر اصلی است ، مهم نیست چقدر پررنگ باشد. / span> اگر کل پاراگراف با "bold" انتخاب شده باشد ، پس "جسورتر" به برجسته کردن حتی جسورانه تر کمک می کند ، به عنوان مثال ، یک جمله جداگانه که در آن وجود دارد.
   • span style = "font -weight: normal"> "عادی" - چنین متنی معمولی به نظر می رسد ، حتی زمانی که داخل یک برچسب است که متن را پررنگ می کند. / span>
   • span style = "font -weight: 900"> برای تنظیم وزن متن ، می توانید از مقادیر 100 تا 900 استفاده کنید. 400 - سبک معمولی ، پررنگ - از 700 به بالا. / span>

نکات

• هنگام استفاده از مقادیر عددی برای وزن در CSS ، از مضرب 100 استفاده کنید. همه مقادیر دیگر همچنان گرد می شوند.
• برای اطمینان ، یک فایل CSS خارجی بسیار راحت تر از آنچه در این مقاله توضیح داده شده است - به این ترتیب می توان ظاهر همه صفحات سایت را از یک فایل به طور همزمان کنترل کرد!
• شما نمی توانید یک قلم را چاق تر از آنچه که تایپوگرافی ها در نظر داشتند ، ایجاد کنید. هنگام کار با CSS ، به یاد داشته باشید که فونت مطابق استاندارد تغییر می کند. بر این اساس ، تفاوت بین دو گزینه فونت پررنگ را مشاهده نخواهید کرد (دقیق تر ، می توانید آن را مشاهده کنید - اما این بستگی به فونت دارد).