نحوه ساخت فونت ایتالیک به صورت html. با CSS فونت های پررنگ و مورب ایجاد کنید

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

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

متن ساده

بند انگشتی.

متن پررنگ قوی.

متن ساده

بند انگشتی.

متن پررنگ قوی.

خروجی تصویر زیر را نشان می دهد:

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

با استفاده از سبک ها می توانید با متن پررنگ در HTML نیز روبرو شوید:

نمونه ای از متن پررنگ.

متن نمونه با پررنگکلمه.

سایت آن را به صورت زیر نمایش می دهد:

اگرچه کد HTML پررنگ به درستی کار می کند ، اما نباید. تمام سبک های طراحی باید در ارائه شوند پرونده CSS... بنابراین ، در مثال بالا ، شما مجبور به برچسب ها شدید

و کلاس مناسب را مشخص کنید و سپس شکل ظاهری آن را در صفحه سبک بنویسید. این قوانین برای کدگذاری است. بنابراین برای bold در HTML ، از برچسب استفاده کنید .

متن CSS پررنگ

برای انجام در CSS پررنگفونت از ویژگی font-weight استفاده می کند. با کمک آن ، "اشباع" قطعه متن نشان داده شده است. مقادیر ممکن است از 100 تا 900 باشد ، اما متداول ترین موارد استفاده شده عبارتند از:

  • پررنگ (پررنگ) - 700 به طور پیش فرض
  • طبیعی - به طور پیش فرض 400.

همچنین گزینه هایی برای مقادیر bolder و lighter نیز وجود دارد که به ترتیب بسته به نوع والد ، فونت را به کم و زیاد پررنگ تغییر می دهد.

برای تنظیم متن پررنگ در CSS ، باید برخی از سبک ها را برای این یا آن عنصر تنظیم کنید ، به عنوان مثال:

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

قوی (وزن قلم: پررنگ ؛)

در اینجا می خواهم به یک تفاوت کوچک اشاره کنم که به من گفته شد - اگر برای برخی از عناصر کلاس جدیدی ایجاد می کنید ، توصیه می شود از یک "نام قابل درک" کم و بیش استفاده کنید. به عنوان مثال ، در مثال بالا ، سبک class = "my-bold-font" منطقی تر از class = "new-font" به نظر می رسد ، زیرا شما می توانید هدف آن را تا حدی درک کنید. این یک امتیاز مثبت برای کسانی است که در آینده از طرح شما استفاده می کنند و از آن استفاده می کنند.

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

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

- عنوان بخش سطح اول ، و
- عنوان بخش سطح ششم. عناوین از نظر اندازه و عرض حروف با متن معمول متفاوت هستند. عنوان سطح اول h1 معمولاً با یک قلم بسیار بزرگ نمایش داده می شود ، در حالی که سطح عنوان شش h6 با قلم بسیار کوچک نمایش داده می شود.

عناوین

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

ما از جمله اول به عنوان عنوان متن استفاده می کنیم - برای این کافی است که آن را با برچسب ها محدود کنیم

و

.

برچسب ها را در متن فایل other.html قرار دهید

و

به طوری که آنها جمله اول متن را محدود می کنند ، و این قطعه کد به شکل زیر است:

به صفحه شرکت SD خوش آمدید!

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

با انتخاب دستور menu Notepad File - Save ، پرونده را ذخیره کنید.

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

پنجره مرورگر را با کلیک روی دکمه آن در نوار وظیفه بازیابی کنید.

دکمه F5 یا دکمه Refresh را در نوار ابزار پنجره فعال برنامه فشار دهید. فایل other.html بارگیری می شود و در پنجره مرورگر خواهید دید که هدر سطح اول چگونه است.

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

وقتی آزمایش ها را به پایان رساندید ، دوباره برچسب ها را در فایل other.html بازیابی کنید

.

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

تراز بندی عناوین

به طور پیش فرض ، عنوان در سمت چپ صفحه تراز می شود. اما همچنین می تواند راست چین یا مرکز باشد. برای تراز بندی سمت راست در یک برچسب

از ویژگی align = "right" استفاده می شود و برای مرکزیت - align = "center". نشانه واضحی از هم ترازی سمت چپ نیز مجاز است - align = "چپ".

افزودن به برچسب

ویژگی align = "center" برای مرکزیت عنوان. این عنصر باید به شکل زیر باشد:

به صفحه شرکت SD خوش آمدید!

در آینده ، نیازی به ذخیره کردن فایل با کد اولیه و به روزرسانی تصویر در مرورگر قبل از مشاهده ، به شما یادآوری نخواهیم کرد.

چگونه متن را در HTML پررنگ کنیم

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

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

چگونه متن را به صورت ایتالیک به HTML تبدیل کنید

ایتالیک ها با استفاده از برچسب ها تنظیم می شوند .

برچسب HTML را در کد شروع قرار دهید وبه طوری که عنصر ویرایش شده به شکل زیر درآید:

در اینجا با فعالیت های ما ، محصولات نرم افزاریشرکت ما و تجهیزات تولید شده

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

چگونه متن را در HTML زیر خط بزنیم

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

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

نحوه رشد متن در HTML

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

برچسب ها: اندازه قلم متن محصور در بین آنها را افزایش دهید.

به ترتیب برچسب ها را به ابتدا و انتهای قطعه کد بالا اضافه کنید وبه طوری که عنصر به شکل زیر در آید:

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

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

روش دیگر برای تعیین اندازه قلم با برچسب ها است با یک ویژگی اندازه. مقادیر این ویژگی از 1 تا 7 عدد صحیح است. در این حالت ، مقدار 1 مربوط به کوچکترین اندازه قلم است و مقدار 7 - بزرگترین.

استفاده به جای برچسب ها مشاهده برچسب ها ، ببینید که چگونه اندازه قلم متن با مقادیر مختلف ویژگی size - از 1 به 7 تغییر می کند.

همچنین می توانید از اعداد از 1 تا 7 با علامت + (بعلاوه) یا - (منهای) به عنوان مقدار ویژگی اندازه استفاده کنید. در این حالت ، اندازه قلم در نتیجه با برچسب های اولیه ، به عنوان مثال ، افزایش یا کوچک می شود اندازه قلم را در مقایسه با حالت فعلی ، یک سطح افزایش می دهد. بررسی کنید

مقدار ویژگی اندازه را برای قسمت متنی مورد نظر 5 تنظیم کنید: ... کد HTML این قطعه باید به صورت زیر باشد:

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

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

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

... با استفاده از برچسب ها می توانید یک پاراگراف را در سمت راست صفحه تراز کنید یا به سمت چپ - با استفاده از برچسب ها .

درج برچسب ها

محدود کردن آنها به پاراگراف تعیین شده.

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

، برخلاف ویژگی align = "center" ، که ما در برچسب ها اعمال کردیم

.

توجه! برای برچسب های 2010 ,

, , منسوخ در نظر گرفته می شوند و بنابراین نیاز به استفاده از آنالوگهای سبک دارند. این به این معنی نیست که نمی توانید از آنها استفاده کنید ، اما اگر قادر هستید سعی کنید آنها را خلاص کنید.

=

=

=

=

=

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

کدهای تخصیص

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

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

- برای تاکید بر کلمات و تقویت. متن به صورت پیش فرض با حروف کج نمایش داده می شود.

- برای برجسته کردن عنوان کتاب ها ، فیلم ها ، نمایش ها و غیره به صورت پیش فرض با حروف کج نمایش داده می شود.

- برای قطعات کد برنامه. بر روی صفحه نمایش با قلم با عرض ثابت نشان داده شده است.

- برای متنی که کاربر از صفحه کلید وارد می کند استفاده می شود. این می تواند به صورت فونت های مختلف در مرورگرهای مختلف نمایش داده شود. برچسب منسوخ شده.

- برای نمایش پیام های برنامه کار می کند. با قلم با عرض ثابت نمایش داده می شود. برچسب منسوخ شده.

- برای قطعات بسیار مهم معمولاً به صورت پررنگ.

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

مشخصات HTML 4.0 با استفاده از یک زبان خاص به نام CSS (Cascading Style Sheets) روش پیشرفته تری را برای تعیین سبک ها برای متن و سایر قسمت ها ارائه می دهد. شیوه نامه ها با گسترش توانایی بهبود ظاهر صفحات ، دستاورد بزرگی در زمینه طراحی وب هستند. برگه های سبک تعریف فاصله خط ، پر کردن ، رنگ برای متن و پس زمینه ، اندازه قلم و سبک و غیره را آسان می کند. بیشتر قسمتهای HTML را می توان با استفاده از مشخصه سبک ، که در داخل برچسب باز یک عنصر قرار می گیرد ، سبک کرد. از جفت های فرم "خاصیت: مقدار" به عنوان مقدار ویژگی سبک استفاده می شود. به عنوان مثال ، در یک قطعه کد توصیف سربرگ بخش ،

ویژگی style = "color: blue" مشخص می کند که ویژگی رنگ آبی است ، به عبارت دیگر ، متن عنوان سطح اول باید به رنگ آبی نمایش داده شود.

تراز کردن سبک ها

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

برای تعیین ضخامت قلم ، از ویژگی font-weight با مقادیر سبک تر (باریک) ، پررنگ (پررنگ) ، پررنگ (پررنگ) استفاده کنید ، به عنوان مثال ، style = "font-weight: bold".

برای تعریف سبک ایتالیک ، از ویژگی font-style تنظیم شده روی مورب استفاده کنید. بنابراین ، برای کج نوشتن متن ، باید ویژگی style را به این صورت پیدا کنید: style = "font-weight: bold؛ font-style: italic". توجه کنید: ویژگی ها را می توان به هر ترتیب قرار داد و لزوماً باید یک نقطه ویرگول داشته باشد.

اگر می خواهید اندازه قلم را مشخص کنید ، باید از ویژگی font-size استفاده کنید ، مقادیر آن را می توان در مقادیر نسبی یا مطلق تعیین کرد. مقادیر نسبی درصد است و از نقاط (pt) ، پیکسل (px) ، سانتی متر (سانتی متر) ، میلی متر (میلی متر) به عنوان مقادیر مطلق استفاده می شود. برای مثال:

style = "font-size: 200٪"

style = "font-size: 16pt"

style = "font-size: 100px"

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

برای تعیین روش همترازی افقی متن ، از ویژگی متن-هم ترازی با مقادیر چپ (چپ) ، راست (راست) ، مرکز (مرکز) ، توجیه (عرض) استفاده کنید. بنابراین ، برای نشان دادن این که متن در اینجا خواهید فهمید ... باید به صورت مورب درشت با اندازه 150٪ اولیه و تراز شده در مرکز قالب بندی شود ، باید سبک آن را به صورت زیر پیدا کنید:

style = "font-weight: bold؛ font-style: italic؛ font-size: 150٪؛ text-align: center"

ما از این ویژگی در برچسب ها استفاده خواهیم کرد<р>که به شما امکان می دهد متن را به عنوان یک پاراگراف جداگانه ارائه دهید.

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

, , , و قرار دادن برچسب ها<р>وبا ویژگی style به طوری که این عنصر به شکل زیر درآید:

<р style="font-weight: bold; font-style: italic; font-size: 150%; text-align: center">در اینجا شما در مورد فعالیت های ما ، در مورد محصولات نرم افزاری شرکت ما و در مورد تجهیزاتی که تولید می کنیم یاد خواهید گرفت.

می بینید که HTML به شما امکان استفاده می دهد روشهای مختلفطراحی سبک با این حال ، استفاده از زبان شیوه نامه آبشار CSS مطلوب تر است.

گزینه های تراز و سبک دیگر

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

این کار با استفاده از مشخصه سبک انجام می شود که در بیشتر استاندارد ها استفاده می شود برچسب های HTML... اما استفاده های دیگری نیز برای CSS وجود دارد.

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

ورق های سبک به روشی متفاوت ، راحت تر و اقتصادی تر کار می کنند. برای اختصاص ویژگی های خاص به یک عنصر ، باید یک بار این عنصر را مشخص کنید و این توصیف را به عنوان یک سبک پیدا کنید ، و در مورد بعدی فقط نشان دهید که عنصری که می خواهید به روش مناسبی طراحی کنید باید ویژگی های سبک توصیف شده توسط شما را داشته باشد. . راحت است ، نه؟

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

علاوه بر این ، زبان سبک سبک به شما امکان می دهد حتی بیشتر با طراحی فونت صفحات کار کنید بالاترین سطحاز HTML استاندارد

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

یا کاوش برچسب هایی که متن HTML را قالب بندی می کنند

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

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

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

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

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

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

نتیجه: ... اندازه قلم بزرگتر از حد نرمال است

نتیجه: ... قلم ایتالیک

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

نتیجه: نسخه خطی

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

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

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

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

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

خصوصیات css برای متن مورب چیست؟

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

چگونه می توان یک قلم سفارشی را با حروف کج نمایش داد؟

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

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

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

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

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

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

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

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

سایر گزینه های انتخاب

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

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

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

در این حالت ، مانند قبل ، متن مورد نیاز شما باید بین برچسب های باز و بسته باشد. همانطور که می بینید ، هیچ چیز دشواری نیست ، نکته اصلی این است که این کدها را به خاطر بسپارید یا آنها را یادداشت کنید.

با استفاده از چندین فونت

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

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

  • متن انتخاب شده.

اگر برچسب ها را با ترتیب دیگری ببندید ، متن به درستی برجسته نمی شود. مثالی از ورود اشتباه:

  • متن انتخاب شده.

در این حالت ، مرورگر گیج می شود و نمی فهمد دقیقاً چه چیزی از آن می خواهید.

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

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

نتیجه گیری

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

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