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

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

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

متن کج: برچسب

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

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

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

متن کج: برچسب

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

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

نتیجه:

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

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

متن کج با CSS

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

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

اعمال یک ویژگی نوع قلمدر تمرین:

کج با <a href="https://bar812.ru/fa/proverka-css-na-validnost-s-pomoshchyu-css-validation-service-ispravlenie-html.html">با استفاده از CSS</a>- "Nubex"

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

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

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

Html از نظر استایل متن چند گزینه به ما می دهد. امروز به شما می گویم که چگونه در html بسازید فونت شکسته، هم برای فونت استاندارد و هم برای فونت غیر استاندارد. در مورد دوم، شما باید چیزی را در نظر بگیرید تا همه چیز کار کند.

چگونه در html به صورت ایتالیک بنویسیم؟

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

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

ویژگی های css برای متن ایتالیک چیست؟

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

چگونه فونت سفارشی را ایتالیک کنیم؟

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

در این اسکرین شات می توانید قطعه ای از اتصال فونت را مشاهده کنید سرویس گوگلفونت ها

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

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

شرح

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

نحو

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

ارزش های

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

HTML5 CSS2.1 IE Cr Op Sa Fx

نوع قلم

Duis te feugifacilisi

Lorem ipsum dolor sit amet، consectetuer adipiscing elit، sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

نتیجه این مثالدر شکل نشان داده شده است. یکی

برنج. 1. اعمال ویژگی font-style

مدل شی

document.getElementById("elementID").style.fontStyle

مرورگرها

اینترنت اکسپلورر تا نسخه 7.0 از مقدار ارثی پشتیبانی نمی کند.

مرورگرها همیشه متنی را با مقدار مایل به صورت مورب نمایش می دهند.

در 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 | به ارث می برند

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

  • عنوان - برای دکمه ها؛
  • نماد - برای نمادها؛
  • منو - منو؛
  • جعبه پیام - برای جعبه های محاوره ای.
  • زیرنویس کوچک - برای کنترل های کوچک؛
  • نوار وضعیت - فونت نوار وضعیت.

فونت: نماد

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

فونت: منو

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

زیرنویس کوچک

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

فونت: مورب 50 پیکسل پررنگ "Times New Roman", Times, serif

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

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

تگ HTML به برچسب های قالب بندی فیزیکی اشاره دارد. سبک فونت را با یک برچسب تغییر دهید سبکی است

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

مشخصات HTML5 اولویت دادن به برچسب‌های قالب‌بندی منطقی را توصیه می‌کند: قطعات مهم متن - برچسب، لهجه‌ها - برچسب، عنوان‌های فرعی - برچسب‌ها، برجسته کردن متن - برچسب. متن را با یک برچسب به صورت مورب درآورید تنها در صورتی دنبال می شود که کاراکتر انتخاب با هیچ یک از برچسب های قالب بندی منطقی مطابقت نداشته باشد.

انواع انتخاب متن در مقاله شرح داده شده است:.

نحو

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

نمایش در مرورگر

مثال استفاده در کد HTML




تگ کج در HTML


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