برچسب فونت کج هایلایت HTML: متن را پررنگ، ایتالیک و رنگی کنید. ویژگی های css برای متن ایتالیک چیست؟

در مقاله فعلی، در مورد نحوه برجسته کردن متن صحبت خواهیم کرد. به صورت مورب HTML. مانند متن پررنگ، متن ایتالیک را می توان به سه روش ساخت:

برچسب بزنید من HTML;
برچسب بزنید ما HTML;
ویژگی CSS نوع قلم.

بیایید هر سه گزینه را در مورد نحوه ایجاد حروف کج در HTML در نظر بگیریم، در مورد ظرافت های این موضوع بحث کنیم و اینکه کدام روش ها برای استفاده در شرایط خاص راحت تر و صحیح تر هستند.

متن کج: برچسب

برچسب بزنید من(مورب)، به قیاس با برچسب ببرای متن پررنگ، برای تأکید فیزیکی بر متن ایتالیک (به این معنی که فقط سبک متن تغییر می کند) استفاده می شود. برنامه تگ من:
سازنده وب سایت "Nubex"
بدین ترتیب قسمت مورد نظر از متن بین تگ ها قرار می گیرد .

متن کج: برچسب

اگرچه برچسب منمعتبر باقی می ماند، از نظر بهینه سازی سایت، بهتر است از تگ استفاده کنید مابرای برجسته کردن بخش های منطقی مهم متن. این بدان معنی است که روبات های جستجوگر اهمیت متن قرار داده شده بین برچسب ها را در نظر می گیرند. :
سازنده وب سایت "نوبکس"
نتیجه:

سازنده وب سایت "نوبکس"

اما فراموش نکنید که متن در برچسب ها محصور شده است منو ما، اگرچه آنها تقریباً به یک شکل (در همه مرورگرهای مدرن) نمایش داده می شوند ، اما همانطور که در بالا ذکر شد ذاتاً کاملاً یکسان نیستند. بنابراین، باید از برچسب ها در صورت نیاز استفاده کنید: برچسب ما HTML بخش‌های مهم متن را قاب می‌کند و با استفاده از یک تگ، استایل‌های مورب بصری را اعمال می‌کند منیا سبک های CSS بیایید اکنون به استفاده از سبک های CSS برای ایتالیک کردن متن نگاه کنیم.

متن کج با CSS

برای تنظیم سبک های نمایش فونت در CSS، از ویژگی استفاده کنید نوع قلم، که می تواند مقادیر را بگیرد: مورب(متن ایتالیک)، مورب(مورب) و طبیعی(فونت معمولی).

شایان ذکر است که موربفونت و شیب داردر اصل یکسان نیستند. حروف کجیک فونت خاص است که مشابه متن دست نویس است و شیب داربا کج کردن فونت معمولی به سمت راست تشکیل می شود.

اعمال یک ویژگی نوع قلمدر تمرین:
مورب با <a href="https://ow5.ru/fa/different/chto-takoe-validnost-i-validaciya-i-zachem-oni-nuzhny-ispravlenie.html">با استفاده از CSS</a>- "Nubex"

سایت های ما واقعا هستند قدم بزرگدر توسعه وب

ما آن را به صورت واقعی انجام می دهیم کیفیتسایت های.

اما باید به خاطر داشته باشید که برخی از مرورگرها با این ویژگی پیامک ارسال می کنند font-style: oblique;ممکن است به عنوان متن ایتالیک تفسیر نشود، بلکه به صورت کج تفسیر شود.

سلام به خوانندگان عزیز وبلاگ این مقاله در مورد صحبت خواهد کرد برچسب های قالب بندی متن. نمونه‌های برجسته عبارتند از پررنگ یا کج کردن متن. همچنین تاثیر برخی از تگ ها را در بهینه سازی داخلی سایت و قوانین نوشتن آنها در نظر خواهیم گرفت. شما می توانید در مورد آن در مقاله زیر بخوانید. به هر حال، شما می توانید عناصر طراحی متن مشابه را در بسیاری از ویرایشگرهای متن، به عنوان مثال، در Word پیدا کنید.

برچسب ها به دو نوع بلوک و درون خطی تقسیم می شوند. هنگام استفاده از اولی، می توانید محتوای بخشی از متن (خطوط، تکه تکه یا کلمات) را تغییر دهید و دومی عبارتند از . تگ های قالب بندی که در این مقاله به آنها خواهیم پرداخت، عمدتاً به صورت خطی هستند.

قوانین و ترتیب نوشتن تگ ها
شما قبلاً می دانید تگ های باز و بسته چیست. اگر نه، پس مقاله را در همان ابتدای این مطلب بخوانید. به طور خلاصه، دو نوع تگ وجود دارد: تک (به عنوان مثال، یک خط شکست
) و ظرف (جفت شده). بنابراین، تمام برچسب های قالب بندی متن هستند جفت شده است. این بدان معنی است که هر عنصر دارای یک تگ باز و بسته است و برجسته باید بین آنها قرار گیرد. به عنوان مثال، انتخاب صحیح یک عبارت به صورت زیر است: انتخاب
هنگامی که مرورگر این قطعه را پردازش می کند، متن زیر را مشاهده خواهید کرد: قطعه انتخاب شدهبه هر حال، همه برچسب ها در فید RSS () نمایش داده نمی شوند.

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

ایجاد متن درشت و مورب - برچسب ها , , و
محبوب ترین برچسب های قالب بندی متن - برجسته کردن آن پررنگو به صورت مورب. معمولاً از آنها برای اهمیت دادن به هر قطعه استفاده می شود. مورد اول برای انتخاب یک قطعه حاوی اطلاعات مفیدیا کلمات کلیدی حروف کج همان هدف متن پررنگ را دارد، اما اطلاعات از اهمیت کمتری برخوردار است زیرا حروف کج در پس زمینه متن بدنه نسبت به متن پررنگ کمتر قابل مشاهده است.
بیا شروع کنیم با پررنگ کردن متن. دو تگ برای این عمل استفاده می شود - و . تفاوت در ظاهرخیر اگرچه، با توجه به اینکه هر مرورگر می تواند هر عنصر را متفاوت تفسیر کند، باید بتوانید تفاوت هایی را مشاهده کنید. این همان چیزی است که متن در برچسب ها به نظر می رسد و به شکلی که قبلاً توسط مرورگر پردازش شده است:

متن در برچسب های قوی

متن در تگ های b

و در اینجا این دو خط در کد منبع صفحه به نظر می رسد:
متن در برچسب های قوی متن در تگ های b
ما می توانیم همین وضعیت را در مورد مشاهده کنیم برچسب های مورب و . سعی کنید تفاوت بین دو مثال را پیدا کنید:

متن در تگ em

متن در تگ I

و اینجا منبع:
متن در تگ em متن در تگ I
بنابراین، تگ های انتخابی در نظر گرفته شده با حروف پررنگ و مورب در واقع تفاوتی ندارند، اما چرا به عنوان مثال به تگ نیاز داریم اگر آنجا ? از این گذشته ، دومی فقط شامل یک کاراکتر است (بدون احتساب پرانتزها) و بنابراین نوشتن آسان تر است. و نکته این است که برچسب ها و تاثیر می گذارد . اگر کلمات کلیدی را با این تگ ها احاطه کنید، این کار تاثیر مثبتی در ارتقای سایت خواهد داشت. نکته اصلی این است که زیاده روی نکنید - متن باید حداکثر 5% متن پررنگ در برچسب داشته باشد. ، و همان مقدار ایتالیک در تگ .

اگر فقط می خواهید نقطه ای از متن را برجسته کنید، از تگ استفاده کنید یا . در کل فکر می‌کنم موتورهای جستجو هم متن این تگ‌ها را مهم‌تر می‌دانند بهینه سازی داخلیآنها هنوز تاثیر کمتری دارند و .

تگ های اسلش متن را برجسته کنید - , و
حال بیایید به چند تگ که از استروک در تزیین متن استفاده می کنند نگاه کنیم. معروف ترین برای شما ویرایشگرهای متن — برچسب زدن یا زیرخط. این تگ روی رتبه بندی تاثیر نمی گذارد (تا جایی که من می دانم)، اما به برجسته کردن برخی از متن ها و تمرکز روی آن کمک می کند. من مثال استفاده از این تگ را کمی بالاتر زدم.
دو تگ مشابه دیگر - و . هر دو عملکرد متن خطی را انجام می دهند. شما می توانید از این تگ در هر شرایطی استفاده کنید: اگر یک سند (یا بهتر بگوییم بخشی از آن) را به روز می کنید، می توانید نسخه قدیمی را خط بزنید و یک سند جدید اضافه کنید. اگر قصد دارید چیزی بنویسید که از موضوع مطلب منحرف شود. چیزی که معیارهای اخلاقی و اخلاقی را رعایت نمی کند.

تفاوت این دو تگ فقط در آنهاست نوشتن، در نتیجه ترجیح داده می شود از اولین استفاده شود، زیرا اولاً نوشتن راحت تر است و ثانیاً کد HTML کمتری در صفحه شما وجود خواهد داشت و موتورهای جستجو آن را دوست دارند.

برچسب بزنید و ویژگی ها - تنظیمات فونت متن

حالا برچسبی را در نظر بگیرید که بدون ویژگی استفاده نمی شود. با آن می توانید پارامترهایی را برای یک قطعه متن خاص تنظیم کنید. به طور کلی، اکنون ترجیح داده می شود که از (سبک شیت های آبشاری) استفاده شود، زیرا با استفاده از آنها می توانید کل کد HTML صفحه را تا حد زیادی کاهش دهید. بنابراین، همان برچسب را در نظر بگیرید . برای او همه چیز وجود دارد سه ویژگی:

صورت- خود فونت به عنوان مثال، Arial، Courier یا Verdana. شما می توانید تعدادی را فهرست کنید، زیرا. همه کاربران مجموعه گسترده ای از فونت ها را ندارند و با نوشتن چندین فونت در ویژگی چهره، مرورگر قادر خواهد بود انتخاب کند که از کدام یک استفاده کند یا بهتر است بگوییم کدام یک در سیستم وجود دارد.

اندازهیک ویژگی است که اندازه متن را مشخص می کند. می توان آن را هم در واحدهای دلخواه و هم در پیکسل بیان کرد.

رنگ- رنگ متن این ویژگی هم در کدهای رنگی HTML و هم در کدهای کلامی قابل استفاده است. اولی شبیه #FFFFFF است (که در آن F هر عدد یا حرفی از A تا F است)، در حالی که دومی نوشته شده است. به زبان ساده(به عنوان مثال، قرمز - قرمز).

این همان چیزی است که متن در تگ به نظر می رسد با استفاده از هر ویژگی:
این متن 6 پیکسل است
این متن قرمز است
این متن با فونت Arial می باشد
این متن قرمز رنگ و اندازه آن 5 پیکسل است.
و در اینجا چیزی است که پس از پردازش کد نوشته شده مشاهده خواهید کرد:

عناصر طراحی متن بلوک - سرفصل ها
-
، پاراگراف

در نهایت، عناصر بلوک را که تقریباً در هر سندی استفاده می شود، بررسی خواهیم کرد. اینها تگ های عنوان و پاراگراف هستند. بیایید اولی را در نظر بگیریم. سرفصل ها در 6 نوع هستند و هر کدام برچسب خاص خود را دارند. هر گونه فقط شماره سریال خود را دارد و با استفاده از برچسب ها ثبت می شود.
,
,...,
. در اینجا همه سرصفحه ها در هنگام پردازش به نظر می رسند:

عدد بعد از کلمه عنوان با عدد موجود در تگ مطابقت دارد . سرفصل ها تاثیر زیادی در بهینه سازی صفحه دارند، بنابراین آنها را در برچسب ها قرار دهید کلید واژه ها. این مورد چند ویژگی دارد که در مقالات بعدی به آنها خواهم پرداخت.

حالا بیایید در مورد تگ انتخاب پاراگراف صحبت کنیم
وظیفه این تگ جداسازی متن بین متن های مشابه با یک خط خالی است. اگر به کد منبع هر سند نگاه کنید، می توانید موارد زیر را مشاهده کنید:

مستطیل های سبز شامل یک پاراگراف و مستطیل های قرمز یک پاراگراف دیگر هستند. و در اینجا این است که چگونه این کد پس از پردازش توسط مرورگر به نظر می رسد (فلش به یک خط خالی اشاره می کند):

در نتیجه، جدایی نسبتاً قابل توجهی از یک پاراگراف از دیگری دریافت می کنیم که مفید است - خواندن راحت تر می شود.

این پایان مقاله در مورد است برچسب های قالب بندی سند. خیلی بیشتر از آنچه در این مقاله توضیح داده ام وجود دارد. فقط باید به بعضی ها خیلی گفته شود که در نتیجه مقالات جداگانه با بررسی کامل به آنها اختصاص داده می شود.!

یا برچسب هایی را مطالعه کنید که متن HTML را قالب بندی می کنند

توجه شما به یکی از کلیدی ترین و ساده ترین درس های آموزش ارائه می شود.

متن HTMLجزء اصلی اکثر صفحات اینترنتی است.

با کلمات کلیدی در بدنه صفحه HTMLکاربران می توانند سایت شما را پیدا کنند.

متن HTMLمی تواند در هر اندازه و رنگی که می خواهید باشد. همچنین می توانید نوع فونت و حجم آن را تعریف کنید.

اندازه فونت HTMLمعمولا در پیکسل تنظیم می شود.

قالب بندی متن HTMLبه طور گسترده از تگ های قالب بندی استفاده می شود.

زیر را ببینید برچسب هایی که متن HTML را قالب بندی می کنند:

برچسب ها → پررنگ متن HTML(فونت پررنگ).

برچسب ها → پررنگ متن HTML(فونت پررنگ).

برچسب ها → تک فاصله متن HTML(فونت تک فضا).

برچسب ها → تک فاصله متن HTML(فونت تک فضا).

برچسب ها → تک فاصله متن HTML(فونت تک فضا).

برچسب ها → متن HTML، اندازه بزرگتر از حد معمول است (فونت بزرگ).

برچسب ها → متن HTML، اندازه کوچکتر از حد معمول است (چاپ کوچک).

برچسب ها → مایل متن HTML(فونت ایتالیک).

برچسب ها → مایل متن HTML(فونت ایتالیک).

برچسب ها → مایل متن HTML(فونت ایتالیک).

برچسب ها ← زیر خط کشیده شد متن HTML(فونت خط دار).

برچسب ها → خط خطی متن HTML(فونت خطی).

برچسب ها → متن HTML(فونت) به صورت زیرنویس.

برچسب ها → متن HTML(فونت) در بالانویس.

قالب بندی متن HTML: خط خطی، متن خط دار

نتیجه: ... فونت monospace

نتیجه: ... اندازه فونت بزرگتر از حد معمول

نتیجه: ... فونت ایتالیک

نتیجه: متن خطی (قلم خطی)

نتیجه: بالانویس

C روش های قالب بندی ارائه شده در بالا فقط باید برای بخش های کوچکی از متن استفاده شود. لذت ببرید cssاگر می خواهید یک فونت خاص برای کل صفحه یا برای مثال برای چندین خط تنظیم کنید.

در html اندازه فونت نقش مهمی دارد. توجه کاربر را جلب می کند اطلاعات مهمدر صفحه وب سایت قرار داده شده است. اگرچه نه تنها اندازه حروف بلکه رنگ، ضخامت و حتی خانواده آنها نیز مهم است.

برچسب ها و ویژگی ها هنگام کار با فونت های html

زبان فرامتن مجموعه بزرگی از ابزارها برای کار با فونت ها دارد. از این گذشته، قالب بندی متن وظیفه اصلی html است.

دلیل ایجاد زبان HTML مشکل نمایش قوانین قالب بندی متن توسط مرورگرها بود.

برچسب هایی که برای کار با فونت ها در html استفاده می شوند و ویژگی های آنها را در نظر بگیرید. اصلی ترین تگ است . با استفاده از مقادیر ویژگی های آن، می توانید چندین ویژگی فونت را تنظیم کنید:

رنگ - رنگ متن را تنظیم می کند.

اندازه - اندازه فونت در واحدهای دلخواه.

یک مقدار مشخصه مثبت از 1 تا 7 پشتیبانی می شود.

face - برای تنظیم خانواده فونت متن برای استفاده در داخل تگ استفاده می شود . چندین مقدار پشتیبانی می شوند که با کاما از هم جدا می شوند.

فقط متنی که بین قسمت های تگ فونت جفت قرار دارد قالب بندی می شود.بقیه متن با فونت پیش فرض نمایش داده می شود.

همچنین در html تعدادی تگ جفتی وجود دارد که تنها یک قانون قالب بندی را تعریف می کنند. این شامل:

- مجموعه در html فونت پررنگ. برچسب بزنید در عمل مشابه قبلی؛

- اندازه بزرگتر از پیش فرض است.

- اندازه فونت کوچکتر؛

- متن کج (مورب). برچسب مشابه ;

- متن با زیر خط.

~~- خط خورده~~

_{- نمایش متن فقط با حروف کوچک.}

^{- در حروف بزرگ}

متن ساده

بند انگشتی

بند انگشتی

بیش از معمول

کمتر از حد معمول

حروف کج

حروف کج

با خط زیر

~~ضربه زدن~~

قابلیت های ویژگی سبک

علاوه بر تگ های توضیح داده شده، چندین روش دیگر برای تغییر فونت در html وجود دارد. یکی از آنها استفاده از ویژگی سبک عمومی است. با استفاده از مقادیر ویژگی های آن، می توانید سبک نمایش فونت را تنظیم کنید:

1) font-family - ویژگی خانواده فونت را تنظیم می کند. امکان شمارش چندین مقدار وجود دارد.
اگر خانواده قبلی روی آن تنظیم نشده باشد، تغییر فونت در html به مقدار بعدی اتفاق می‌افتد سیستم عاملکاربر.

نحو نوشتن:

font-family: font-name [, font-name[, ...]]

2) font-size - اندازه از 1 تا 7 تنظیم شده است. این یکی از راه های اصلی است که می توانید فونت را در html افزایش دهید.
نحو نوشتن:

اندازه فونت: اندازه مطلق | اندازه نسبی | ارزش | علاقه | به ارث می برند

همچنین می توانید اندازه فونت را تنظیم کنید:

در پیکسل؛

به صورت مطلق ( xx-کوچک، x-کوچک، کوچک، متوسط، بزرگ);

بر حسب درصد؛

در نقاط (pt).

اندازه فونت: 7

اندازه فونت: 24 پیکسل

اندازه قلم: x-large

اندازه فونت: 200%

اندازه فونت: 24pt

3) font-style - سبک فونت را تنظیم می کند. نحو:

سبک فونت: معمولی | مورب | اریب | به ارث می برند

ارزش های:

عادی - املای معمولی؛

مورب - ایتالیک

مایل - فونت با تمایل به سمت راست؛

inherit - املای عنصر والد را به ارث می برد.

نمونه ای از نحوه تغییر فونت در html با استفاده از این ویژگی:

font-style: inherit

سبک فونت: مورب

سبک فونت: معمولی

font-style: oblique

4) font-variant - تمام حروف بزرگ را به حروف بزرگ تبدیل می کند. نحو:

نوع فونت: عادی | کلاهک های کوچک | به ارث می برند

نمونه ای از نحوه تغییر فونت در html با این ویژگی:

font-variant: inherit

font-variant: normal

font-variant:small-caps

5) وزن فونت - به شما امکان می دهد ضخامت نوشتار (اشباع) را تنظیم کنید. نحو:

وزن قلم: پررنگ‌تر|سبک‌تر|معمولی|100|200|300|400|500|600|700|800|900

ارزش های:

bold - فونت html را روی Bold قرار می دهد.

جسورتر - جسورتر نسبت به عادی؛

سبک تر - نسبت به حالت عادی کمتر اشباع شده است.

عادی - املای معمولی؛

100-900 - ضخامت فونت را به صورت عددی تنظیم می کند.

فونت-وزن: پررنگ

فونت-وزن: پررنگ تر

وزن قلم: سبکتر

وزن فونت: معمولی

وزن قلم: 900

وزن فونت: 100

ویژگی فونت و رنگ فونت html

فونت یکی دیگر از ویژگی های ظرف است. در داخل، مقادیر چندین ویژگی طراحی شده برای تغییر فونت را ترکیب کرد. نحو قلم:

فونت: اندازه فونت font-family | به ارث می برند

همچنین، فونت های استفاده شده توسط سیستم در برچسب های کنترل های مختلف را می توان به عنوان یک مقدار تنظیم کرد:

عنوان - برای دکمه ها؛

نماد - برای نمادها؛

منو - منو؛

جعبه پیام - برای جعبه های محاوره ای.

زیرنویس کوچک - برای کنترل های کوچک؛

نوار وضعیت - فونت نوار وضعیت.

فونت: نماد

فونت: زیرنویس

فونت: منو

فونت: جعبه پیام

زیرنویس کوچک

فونت: نوار وضعیت

رومن جدید", Times, serif">font:italic 50px bold "Times New Roman", Times, serif

برای تنظیم رنگ فونت در html می توانید از ویژگی color استفاده کنید. این به شما اجازه می دهد تا رنگ را مانند با کلمه کلیدیو با فرمت rgb و همچنین به صورت کد هگزادسیمال.

درود دوستان.

بعد از یک وقفه طولانی دیگر، یادم آمد که مدتها بود خطی ننوشته بودم. البته، دلایلی برای این وجود دارد، زیرا همیشه دلیلی وجود دارد که بهانه ای برای خود بیاورید، درست است؟ در واقع، من هر روز دوره ویدیویی را انجام می دهم، که قبلاً چند بار به آن اشاره کردم، اما فعلاً چیزی در مورد آن نمی گویم، به زودی همه چیز را خواهید فهمید.

بنابراین، از آنجایی که چیزی به ذهنم نرسید که بتوانید در مورد آن بنویسید. تصمیم گرفتم به آمار نگاه کنم، علاقه کاربران Runet در مورد HTML، WordPress، DLE و موضوعات مشابه چیست. میدونی چیه؟ چیزهای بیشتری برای نوشتن وجود دارد. به نظر می رسد همه سوالاتی که پیدا کردم پاسخ هایی دارند، اما نه همیشه به شکل قابل فهم. و در کل نوشتن چنین چیزی جالب شد.

بیایید امروز در مورد HTML صحبت کنیم. یعنی چگونه می توان متن را پررنگ و ایتالیک کرد و همچنین در مورد برجسته کردن صحبت کرد.

متن را پررنگ کنید

برای پررنگ کردن متن، نیازی نیست در مورد چیزی باهوش باشید. سبک های cssیا با عوارض دیگری روبرو شوید. HTML قبلاً این قابلیت را دارد. در عین حال، ما نه تنها می توانیم متن را پررنگ کنیم، بلکه با کمک انتخاب، بر روی آن تأکید می کنیم. می توان تاکید کرد موتورهای جستجویا هر مرورگر یا برنامه خاصی. نکته اصلی این است که با تأکید بر متن در یک مقاله یا در یک صفحه با نوعی اطلاعات زیاده روی نکنید، زیرا این می تواند حداقل در ارتقاء این صفحه HTML تأثیر مخربی داشته باشد.

بنابراین، برای پررنگ کردن متن، می‌توانیم از تگ استفاده کنیم . این تگ به عناصر نشانه گذاری فیزیکی اشاره می کند، در حالی که متن را بدون تاکید بر روی آن پررنگ می کند. این تگ جفت است، به این معنی که هم تگ باز و هم تگ بسته دارد. همچنین، از آنجایی که عنصر درون خطی است، باید در یک عنصر سطح بلوک باشد، مانند
مثال کد:

بند انگشتی

نتیجه:

بند انگشتی

در این حالت فقط متن را بولد کردیم و تمام.

اما این اتفاق می افتد که ما نه تنها نیاز داریم که متن را برجسته کنیم، بلکه باید روی آن تمرکز کنیم. برای این کار می توانیم از تگ نشانه گذاری منطقی استفاده کنیم . نه تنها متن هایلایت شده با این برچسب وزن بیشتری برای موتورهای جستجو دارد. اما در تئوری باید با برچسب متفاوت باشد در مرورگرهای گفتار، مانند آهنگ صدا. با این حال، نه می توانم تایید کنم و نه تکذیب این اطلاعات، آیا اینطور است؟

در این مورد، همه چیز دقیقاً مانند مورد است، با یک انتخاب ساده به صورت پررنگ، فقط ما یک لهجه ایجاد می کنیم و نه فقط یک انتخاب.

مثال کد:

نتیجه:

همه چیز بسیار ساده است، اینطور نیست؟

متن را کج کنید

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

برای ایتالیک کردن متن از تگ استفاده می کنیم . این عنصر به صورت جفتی و درون خطی است که به ما می گوید که باید از تگ باز و بسته شدن هر دو استفاده کنیم. و همچنین باید از آن در داخل یک عنصر بلوک استفاده کنید. و در این حالت مناسب ترین عنصر بلوک تگ پاراگراف است.
مثال کد:

متن به صورت مورب

نتیجه:

متن به صورت مورب

و البته می‌توانیم با استفاده از تگ، متن را در عین حال تأکید کنیم . این عنصرمانند با این تفاوت که متن به جای بولد، ایتالیک است.

مثال کد:

متنی که روی آن تمرکز کرده ایم

نتیجه:

متنی که روی آن تمرکز کرده ایم

و آخرین چیزی که امروز می خواهم در مورد آن صحبت کنم، برجسته کردن متن با رنگ است.

متأسفانه، ما برچسبی برای برجسته کردن متن با رنگ در HTML نداریم. اما هنوز هیچ چیز پیچیده ای در این روش وجود ندارد.

بنابراین، برای اینکه قسمت خاصی از متن را با رنگ برجسته کنیم، می توانیم قسمت مورد نظر متن را با یک برچسب بپیچیم. ، که یک تگ عمومی است و در داخل یک عنصر بلوک استفاده می شود. در مورد ما، عنصر بلوک تگ است
اما اضافه کنید کافی نیست. همچنین باید پارامتر style را مشخص کنید که به شما امکان می دهد اضافه کنید ویژگی های CSSمتن لازم، خود ویژگی (رنگ) را مشخص کنید، که به تنظیم یک رنگ خاص کمک می کند. و در نهایت یک مقدار برای ویژگی color ارائه دهید. اما ممکن است این سوال پیش بیاید: "چه چیزی را نشان دهیم؟" شما باید کد HTML رنگی را که می خواهیم متن را با آن "رنگ" کنیم، مشخص کنید. کدهای رنگ HTML را می توان یافت.

حال برای روشن تر شدن موضوع، اجازه دهید به یک مثال نگاه کنیم.

نمونه کد.

متن برای برجسته کردن رنگ

در این مورد، یک کلمه را برجسته می کنیم: رنگ. من همچنین می خواهم به این نکته اشاره کنم که یک جفت است و باید آن را در جایی ببندیم که ملک باید به پایان برسد.

نتیجه:

متن برای برجسته کردن

به این روش های ساده می توانیم متن صفحه خود را دستکاری کنیم. همچنین می‌خواهم توجه داشته باشم که همه چیزهایی که در مورد آن صحبت کردیم هم در وردپرس و هم در DLE کار می‌کنند، زیرا هر موتوری از HTML برای نمایش صفحات استفاده می‌کند. به همین دلیل است که HTML را می توان پایه و اساس هر سایتی نامید، صرف نظر از اینکه چه CMS دارید.

امیدوارم همه چیز را واضح توضیح داده باشم.

موفق باشید دوستان به زودی ... خبرهای جالبی در راه است ...