امروز من به شما خواهم گفت که چگونه کلمات را با فونت های جسورانه در سایت با استفاده از HTML و CSS ایجاد کنید. این طراحی زمانی استفاده می شود که شما نیاز به برجسته کردن اطلاعات خاصی در صفحه دارید. علاوه بر این، نه تنها در مورد سرفصل ها، بلکه در مورد کلمات ساده، عبارات متن است. این به سادگی به اندازه کافی اجرا می شود.
تگ های ویژه HTML برای برجسته کردن یک متن خاص استفاده می شود. و . به عنوان مثال، کد زیر:
| متن عادی بند انگشتی. قوی. |
متن عادی
بند انگشتی.
قوی.
در خروجی چنین تصویری می دهد:
دو گزینه آخر به صورت بصری نگاه می کنند، اما آنها کمی با یکدیگر متفاوتند. تگ برجسته کردن برجسته سبک سبک کلمه با فونت جسورانه، در حالی که این مقدار معنایی "پیشرفته" (مهم) معنایی را اضافه می کند. به این ترتیب، آخرین خط نه تنها یک متن جسورانه نیست، بلکه برخی از اطلاعات مهم است. در اصل، برای موتورهای جستجو توصیه می شود از آن استفاده کنید .
شما همچنین می توانید فونت چربی را که در HTML با Styles تجویز شده است را برآورده کنید:
یک نمونه از متن پررنگ
متن نمونه S. چربی به اختصار.
در سایت این نمایش داده می شود مانند این:
با وجود این واقعیت که کد متن جسورانه برای HTML به درستی کار می کند، انجام ندهید. تمام سبک های طراحی باید در فایل CSS ساخته شوند. بنابراین، در مثال بالا، باید برای برچسب ها باشد
و کلاس مناسب را مشخص کنید و سپس طراحی خود را در صفحه سبک ثبت کنید. چنین قوانین ثبت نام کد وجود دارد. بنابراین، برای فونت جسورانه در HTML، از یک برچسب استفاده کنید .
متن پررنگ در CSS
به منظور ایجاد یک فونت قوی در CSS، اموال فونت وزن استفاده می شود. با آن، "اشباع" قطعه متن نشان داده شده است. ارزش ها می توانند از 100 تا 900 باشد، اما اغلب استفاده می شود:
- bOLD (چربی) - 700 به طور پیش فرض؛
- عادی (طبیعی) - 400 پیش فرض.
همچنین گزینه هایی برای ارزشهای جسورانه و سبک تر وجود دارد که فونت را به ترتیب به عنوان پدر و مادر بیشتر یا کمتر چربی تغییر می دهند.
برای تنظیم متن جسورانه در CSS، به عنوان مثال، نیاز به یک سبک دیگر دارید، به عنوان مثال، به عنوان مثال:
متن معمولی S. انتخاب چربی در مرکز.
قوی (فونت وزن: پررنگ؛)
در اینجا من می خواستم یک تنکه کوچک را جشن بگیرم، که به من گفته شد - اگر یک کلاس جدید برای برخی از عناصر ایجاد کنید، مطلوب است از یک نام "قابل فهم" بیشتر یا کمتر استفاده کنید. به عنوان مثال، در مثال بالای کلاس style \u003d "My-bold-font" منطقی تر از کلاس \u003d "فونت جدید" است، زیرا شما تا حدودی می توانید هدف خود را درک کنید. این به علاوه برای کسانی که نگاه می کنند و از طرح خود در آینده استفاده می کنند.
در مقاله بعدی، من به شما در مورد فونت های چربی جالب که من موفق به پیدا کردن.
در اندازه فونت HTML نقش مهمی ایفا می کند. این اجازه می دهد تا شما را به توجه کاربر به اطلاعات مهم قرار داده شده در صفحه سایت. اگر چه نه تنها اندازه حروف مهم است، بلکه رنگ، ضخامت و حتی یک خانواده نیز نیست.
برچسب ها و ویژگی ها با ربات با فونت های HTML
زبان Hypertext دارای مجموعه ای بزرگ از بودجه برای کار با فونت است. پس از همه، قالب بندی متن، وظیفه اصلی HTML است.
دلیل ایجاد زبان HTML به مشکل نمایش مرورگر قوانین قالب بندی متن تبدیل شده است.
برچسب ها را که برای کار با فونت ها در HTML و ویژگی های آنها استفاده می شود را در نظر بگیرید. اصلی اصلی برچسب است . با استفاده از مقادیر ویژگی های آن، می توانید چندین ویژگی فونت را تنظیم کنید:
- رنگ - رنگ متن را تنظیم می کند؛
- اندازه - اندازه فونت در واحدهای شرطی.
مقدار ویژگی مثبت از 1 تا 7 پشتیبانی می شود.
- face - استفاده شده برای نصب خانواده های فونت متن که در داخل برچسب استفاده می شود . چند ارزش ذکر شده از طریق کاما بلافاصله پشتیبانی می شود.
تنها متن که بین بخشی از تگ جفت فونت قرار دارد، فرمت شده است. متن باقی مانده توسط فونت استاندارد نصب شده به طور پیش فرض نمایش داده می شود.
همچنین در HTML تعدادی از برچسب های جفت وجود دارد که تنها یک قانون قالب بندی را مشخص می کنند. این شامل:
- - فونت جسورانه را به HTML مشخص می کند. تگ توسط عمل شبیه به قبلی؛
- - اندازه بزرگتر از مجموعه پیش فرض است؛
- - اندازه فونت کوچکتر؛
- - متن شیب دار (Italics). یک تگ مشابه ;
- - متن با حروف برجسته؛
- تاکید کرد؛- - متن نمایش فقط در حروف کوچک؛
- - در حروف بزرگ
متن عادی
بند انگشتی
بند انگشتی
عادی تر
کمتر معمول
اتیک
اتیک
با تاکید
خرد شده
ویژگی های ویژگی سبک
علاوه بر برچسب های شرح داده شده، هنوز چندین راه برای تغییر فونت در HTML وجود دارد. یکی از آنها استفاده از ویژگی جهانی سبک است. با استفاده از مقادیر خواص آن، می توانید سبک صفحه نمایش فونت را تنظیم کنید:
1) فونت خانواده - اموال خانواده فونت را تنظیم می کند. شما می توانید مقادیر چندگانه را شمارش کنید.
تغییر فونت در HTML به مقدار زیر رخ می دهد اگر خانواده قبلی در سیستم عامل کاربر نصب نشده باشد.
نحو نوشتن:
فونت خانواده: نام فونت [، نام فونت [، ...]]
2) فونت اندازه - اندازه از 1 تا 7 تنظیم شده است این یکی از راه های اصلی این است که چگونه در HTML شما می توانید فونت را افزایش دهید.
نحو نوشتن:
فونت اندازه: اندازه مطلق | اندازه نسبی | ارزش | علاقه | به ارث می برند.
اندازه فونت نیز می تواند تنظیم شود:
- در پیکسل؛
- در ارزش مطلق ( xX-small، X-small، کوچک، متوسط، بزرگ);
- در درصد؛
- امتیاز (PT).
فونت اندازه: 7
فونت اندازه: 24px
فونت اندازه: X-بزرگ
فونت اندازه: 200٪
فونت اندازه: 24PT
3) فونت سبک - سبک نوشتن فونت را تنظیم می کند. نحو:
فونت سبک: عادی | Italic | مورب | به ارث می برند.
ارزش های:
- نوشتن عادی؛
- italic - Italics؛
- مورب - فونت با شیب به سمت راست؛
- به ارث بردن - نوشتن عنصر والدین را به ارث می برد.
یک مثال از چگونگی تغییر فونت در HTML با استفاده از این ویژگی:
فونت سبک: به ارث بردن
فونت سبک: ایتالیایی
فونت سبک: عادی
فونت سبک: مورب
4) Font-variant - تمام حروف بزرگ را به عنوان ترجمه می کند. نحو:
فونت نوع: عادی | کلاه های کوچک | به ارث می برند.
یک مثال از چگونگی تغییر فونت در HTML توسط این ویژگی:
font-variant: به ارث بردن
font-variant: عادی
font-variant: کلاه های کوچک
5) فونت وزن - به شما اجازه می دهد تا ضخامت نوشتن متن را تنظیم کنید (اشباع). نحو:
فونت وزن: bold | bold | bolder | سبک | نرمال | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
ارزش های:
- bOLD - یک فونت HTML جسورانه نصب می کند؛
- جسورانه - چرب نسبت به نرمال؛
- سبک تر از اشباع نسبت به نرمال است؛
- عادی - نوشتن عادی؛
- 100-900 - ضخامت فونت در معادل عددی تنظیم شده است.
فونت وزن: پررنگ
فونت وزن: جنجال
فونت وزن: سبک تر
فونت وزن: عادی
فونت وزن: 900
فونت وزن: 100
دارایی فونت و رنگ فونت HTML
فونت یکی دیگر از ویژگی های کانتینر است. در داخل خود، مقادیر چندین خواص طراحی شده برای تغییر فونت ها را ترکیب می کند. فونت نحو:
فونت: فونت فونت فونت خانواده | به ارث می برند.
همچنین فونت های مورد استفاده توسط سیستم در کتیبه های موجود در کنترل های مختلف می تواند به عنوان یک مقدار مشخص شود.
- عنوان - برای دکمه ها؛
- آیکون - برای آیکون؛
- منو - منو؛
- جعبه پیام - جعبه محاوره ای؛
- کوچک عنوان - برای کنترل های کوچک؛
- نوار وضعیت - فونت رشته وضعیت.
فونت: آیکون
فونت: عنوان
فونت: منو
فونت: جعبه پیام
علامت کوچک
فونت: نوار وضعیت
فونت: Italic 50px Bold "Times New Roman"، Times، Serif
به منظور تنظیم رنگ فونت در HTML، می توانید از ویژگی های رنگ استفاده کنید. این اجازه می دهد تا شما را به تنظیم رنگ، هر دو با استفاده از کلمه کلیدی و در فرمت RGB. و همچنین در قالب کد هگزادسیمال.
سلام، خوانندگان وبلاگ عزیز! این مقاله در مورد آن صحبت خواهد کرد برچسب های قالب بندی متن. نمونه های روشن انتخاب متن به صورت پررنگ یا کلاسیک هستند. ما همچنین نفوذ برخی از برچسب ها را بر بهینه سازی داخلی سایت و قوانین برای نوشتن آنها در نظر می گیریم. در مورد آن شما می توانید در مقاله فوق بخوانید. به هر حال، شما می توانید عناصر طراحی متن مشابه را در بسیاری از سردبیران متن، به عنوان مثال، به عنوان مثال، ملاقات کنید.
برچسب ها به 2 نوع تقسیم می شوند: بلوک و حروف کوچک. هنگام استفاده از اول، می توانید محتوای متن متن (خطوط، قطعات جداگانه یا کلمات) را تغییر دهید، و دوم. برچسب های قالب بندی که ما در این مقاله در نظر می گیریم عمدتا کمتر از آن است.
قوانین و روش برای نوشتن برچسب ها
شما قبلا می دانید چه چیزی باز می شود و برچسب ها را بسته می کند. اگر نه، مقاله را در ابتدای این ماده بخوانید. اگر کوتاه باشد، پس از آن برچسب ها دو نوع هستند: تک (به عنوان مثال، انتقال به یک رشته جدید) و ظرف (جفت). بنابراین، تمام برچسب های قالب بندی متن هستند پوزه. این به این معنی است که هر عنصر دارای برچسب های باز و بسته بندی شده است و قطعه جدا شده باید بین آنها قرار گیرد. به عنوان مثال، انتخاب مناسب این عبارت به نظر می رسد: قطعه اختصاصی
هنگامی که مرورگر این قطعه را پردازش می کند، این متن را خواهید دید: قطعه اختصاصیبه هر حال، در RSS Ribbon همه برچسب ها نمایش داده نمی شود ().
مهمترین چیز در هنگام نوشتن برچسب ها - فراموش نکنید که آنها را ببندید. در غیر این صورت، کل متن در صفحه، چربی را برجسته می کند (در مثال با برچسب ) اما چنین مواردی وجود دارد که شما باید یک قطعه خاص و جسورانه و کلاسیک را در همان زمان برجسته کنید. اما تگانی که این عمل را انجام می دهند وجود ندارد. خروج از این وضعیت یکی است: از دو برچسب در همان زمان استفاده کنید. در چه نظم استفاده از آنها ندارد بنابراین، نوشتن متن با برچسب ها مانند این:
قطعه اختصاصی
یا مثل این:
قطعه اختصاصی
شما هنوز هم دریافت می کنید قطعه اختصاصی ایتالیایی و چربی در همان زمان. با این حال، ترجیح داده می شود از اولین گزینه استفاده کنید، زیرا در اصل تنها و صحیح بود. همچنین فراموش نکنید که هر مرورگر می تواند برچسب ها را به روش های مختلف پردازش کند ()، بسته به تنظیمات. و حالا ما به برچسب ها تبدیل می شویم
انتخاب متن در چرب و ایتالیایی - برچسب ها , , و
محبوب ترین برچسب های قالب بندی متن برجسته آن را برجسته می کنند. چربی و ایتالیا. معمولا آنها مورد استفاده قرار می گیرند تا اهمیت هر قطعه ای را به دست آورند. اولین مورد برای برجسته کردن یک قطعه حاوی اطلاعات مفید یا کلمات کلیدی استفاده می شود. Italic برای همان هدف به عنوان متن چرب اعمال می شود، اما اطلاعات کمتر اهمیت دارد، زیرا این امر به دنبال پس زمینه متن اصلی کمتر قابل توجه تر از متن چربی است.برای شروع در نظر بگیرید انتخاب متن چرب. برای این عمل از دو برچسب استفاده می کند - و . تفاوت در ظاهر وجود ندارد. اگر چه، با توجه به این واقعیت که هر مرورگر می تواند هر عنصر را به شیوه خود تفسیر کند، می توانید هر گونه تفاوت را مشاهده کنید. در اینجا چیزی است که متن به نظر می رسد در برچسب ها و در یک مرورگر قبلا پردازش شده:
متن در برچسب های قوی
متن در برچسب های b
اما دو خط در صفحه منبع صفحه چیست؟
متن در برچسب های قوی متن در برچسب های b
همان وضعیتی که می توانیم در مورد آن مشاهده کنیم برچسب های انتخاب کلاسیک و . سعی کنید تفاوت بین دو نمونه را پیدا کنید:
متن در برچسب های EM
متن در برچسب ها من
اما کد منبع:
متن در برچسب های EM متن در برچسب ها من
بنابراین، برچسب های تخلیه مورد بحث در BOLD و ITALLICY در واقع متفاوت نیست، اما پس از آن ما، به عنوان مثال، ما، به عنوان مثال، برچسب اگر آنجا ؟ پس از همه، دومی شامل تنها یک کاراکتر (شمارش براکت نیست) و بنابراین، نوشتن آسان تر است. و این چیزی است که برچسب ها و تاثیر بر روی. اگر شما این کلمات کلیدی را احاطه کنید، در ارتقاء سایت سود خواهد برد. این نباید آن را بیش از حد - حداکثر در متن باید 5٪ از متن فیلتر در برچسب باشد ، و همان و محرمانه در برچسب .
اگر می خواهید به سادگی هر لحظه را در متن برجسته کنید، سپس از برچسب استفاده کنید یا . به طور کلی، من فکر می کنم که موتورهای جستجو همچنین متن را در این برچسب ها به عنوان مهم تر، اما در بهینه سازی داخلیآنها هنوز هم تاثیری کوچکتر از آن دارند و .
برچسب های انتخاب متن - , و
در حال حاضر چند برچسب را که از خط در طراحی متن استفاده می کنند را در نظر بگیرید. معروف ترین به شما از ویراستاران متن - تگ
یا برجسته. تأثیر بر رتبه بندی این برچسب (تا آنجا که من می دانم) نیست، اما برای اختصاص هر متن و تمرکز بر آن کمک خواهد کرد. یک مثال از استفاده از این برچسب من کمی بالاتر بود. دو شبیه به هدف تگ - و . هر دو عملکرد Orclocking متن را انجام می دهند. شما می توانید از این برچسب در هر موقعیتی استفاده کنید: اگر سند را به روز کنید (یا بخشی از آن)، می توانید از قدیمی عبور کنید و یک جدید اضافه کنید؛ اگر میخواهید چیزی بنویسید که موضوع مواد را ترک می کند؛ چیزی که به استانداردهای اخلاقی و اخلاقی مربوط نیست.
تفاوت این دو برچسب تنها در آنها است نوشتنبه عنوان یک نتیجه، بهتر است از اول استفاده کنید، زیرا در ابتدا، آن را راحت تر نوشتن، و در مرحله دوم، صفحه شما کمتر از کد HTML و موتورهای جستجو مانند آن است.
تگ و ویژگی ها - پارامترهای فونت متن
در حال حاضر برچسب را که بدون ویژگی ها استفاده نمی شود را در نظر بگیرید. با استفاده از آن شما می توانید پارامترهای یک قطعه خاص از متن را مشخص کنید. به طور کلی، در حال حاضر ترجیح می دهد برای استفاده از (صفحات سبک آبشار)، به دلیل با کمک آنها می توانید کل کد صفحه HTML را به شدت کاهش دهید. بنابراین برچسب بسیار را در نظر بگیرید . برای آن تنها وجود دارد سه ویژگی:
- صورت. - فونت خود به عنوان مثال، Arial، Courier یا Verdana. شما می توانید چندین را لیست کنید، زیرا نه همه کاربران مجموعه ای گسترده از فونت ها را ندارند و چند نفر از ویژگی های چهره را نوشتند، مرورگر قادر به انتخاب است که برای استفاده، یا نه - که در سیستم وجود دارد؛
- اندازه - ویژگی نشانگر اندازه متن. این را می توان هر دو در واحدهای متعارف و در پیکسل بیان کرد؛
- رنگ - رنگ متن این ویژگی را می توان در هر دو در کد های HTML از رنگ ها و در کلامی استفاده کرد. اولین فرم #ffffff (جایی که f هر رقمی یا حرف از A تا F) است، و دوم با کلمات ساده نوشته شده است (به عنوان مثال، قرمز - قرمز).
بنابراین به نظر می رسد متن در برچسب با استفاده از هر ویژگی:
این متن دارای اندازه 6 پیکسل است
این متن قرمز است این متن دارای فونت Arial است این متن قرمز و اندازه 5pxاما پس از پردازش کد نوشته شده چه چیزی را می بینید: 
عناصر طراحی متن بلوک - سرفصل ها -، پاراگراف
، پاراگراف
در نهایت، ما به عناصر بلوک که تقریبا در هر سند استفاده می شود نگاه خواهیم کرد. این برچسب ها و پاراگراف برچسب ها هستند. اول را در نظر بگیرید هدر ها 6 گونه هستند و هر کدام دارای برچسب خاص خود هستند. هر نوع تنها شماره توالی خود را می پوشد و با برچسب ها ثبت می شود.
, ,..., . در اینجا چیزی است که هدر ها در فرم درمان می شوند:
. در اینجا چیزی است که هدر ها در فرم درمان می شوند:
رقم پس از کلمه هدر مربوط به شماره در برچسب است
و اکنون بگذارید در مورد تگ تخصیص پاراگراف صحبت کنیم
تابع این برچسب این است که متن بین متن دیگر را با یک رشته خالی جدا کنید. اگر به کد منبع هر سند نگاه کنید، می توانید موارد زیر را ببینید:
در مستطیل های سبز، یک پاراگراف، در قرمز - دیگر. اما چگونه این کد پس از پردازش مرورگر نگاه می کند (arrow رشته خالی را نشان می دهد):
در نتیجه، ما یک جدایی نسبتا قابل توجه از یک پاراگراف از دیگری دریافت می کنیم، که خوب است - خواندن راحت تر می شود.
این به پایان مقاله رسید برچسب های قالب بندی سند. آنها خیلی بیشتر از آن هستند، نه در این ماده. فقط برخی از آنها باید به طور کامل در مورد برخی، به عنوان یک نتیجه، آنها به مقالات فردی با یک مرور کامل اختصاص داده خواهد شد.
فونت چرب با استفاده از ویژگی CSS تعیین می شود وزن فونتکه می تواند مقادیر زیر را انجام دهد:
- فندک. - سبک
- طبیعی - طبیعی
- پررنگ - چربی
- جنجال - چربی بیشتر
- 100..900 - 100 مربوط به بهترین فونت است؛ 900 - تولستوی
صفت نوع قلم (نقاشی فونت) به نوشتن آن در کالیجس می پردازد و می تواند مقادیر زیر را انجام دهد:
- ایتالیا - Italic، لبه های متن گرد می شوند
- طبیعی - طبیعی
- مورب - ایتالیایی
صفت فونت (نوع فونت) به نوشتن با حروف کوچک سرمایه می پردازد و می تواند مقادیر زیر را انجام دهد:
- طبیعی - طبیعی
- کلاه های Smaoo - سرمایه کوچک
همراه با یک سرمایه چربی، ایتالیایی و کوچک، هنوز انواع مختلفی از نقاشی وجود دارد: برجسته و علامت گذاری.
صفت دکوراسیون متن (دکوراسیون متن) به متن زیر را تحت پوشش قرار می دهد و می تواند مقادیر زیر را انجام دهد:
- چشمک زدن - متن درخشان (یعنی پشتیبانی نمی شود)
- خط از طریق - متن عبور شده
- هیچ یک - بدون تغییر
- بیش از حد - خط بیش از متن
- زیرک کردن - متن تحت تأثیر
صفت مبدل متن (تبدیل متن) به کار با حروف کوچک بیمار کار می کند و می تواند مقادیر زیر را انجام دهد:
- سرمایه گذاری کردن - تمام کلمات با یک حرف بزرگ شروع می شود
- حروف کوچک - تمام متن توسط حروف کوچک نوشته شده است
- هیچ یک - بدون تغییر
- حروف بزرگ - تمام متن توسط حروف بزرگ نوشته شده است
مثال استفاده وزن فونت, نوع قلم, دکوراسیون متن, مبدل متن: مثال شماره 9
کد صفحه HTML:
بدون عنوان
"حلقه طلای روسیه" (در زمان های قدیم به توده)، مسیر گردشگری، از جمله شبکه ای از شهرهای روسی باستان: Sergiev Posad، Pereslavl-Zalessky، Rostov Great، Yaroslavl، Kostroma، Ples، Vladimir، Bogolyubovo، Suzdal، Yuryev-Polish، Uglich. نام محل، عمدتا جغرافیایی است، همه چیز را که "پشت جنگل" بود، در ارتباط با Kievan Rus اشاره کرد.
مسیر گردشگری (از آغاز سال 1970)، از طریق شهرهای تاریخی، از طریق قلمرو پنج منطقه عبور می کند - Moscow، Yaroslavl، Kostroma، Ivanovo، Vladimir. شهرهای باستانی این سرزمین ها سرنوشت خود را، گذشته خود دارند. آنها تا امروز از اولین روزهای تولد خود را به چالش کشیدن در توسعه تاریخی خود انجام دادند. بسیار غیر قابل برگشت در این مسیر طولانی از دست رفته است. بی تفاوتی و بی توجهی منجر به نابودی جزئی یا کامل ساختمان های منحصر به فرد، نمونه ای از شهر Calyazin، Mologa، Uglich می شود. هنگام ساخت ایستگاه هیدروالکتریک Uglich، صومعه Pokrovsky باستانی با بناهای منحصر به فرد 15-17 قرن زیر آب رفت. نیمی از کلیساهای زغال سنگ تخریب شد، نرده ها از صومعه ها را جدا کرد، که یکپارچگی گروه خود را نابود کرد. تلاش های بازسازی کنندگان موفق به عقب نشینی از اورژانس و نجات از ده ها تن از اشیاء معماری قدیمی، به نظر می رسید غیر قابل برگشت از دست رفته. بازگشت به زندگی در فرم اصلی خود: گروه معماری از صومعه قیامت (1674-77) Uglich، معبد Pokrov به Nerley (قرن 12)، کلیسای جامع Dmitrievsky (قرن 12) و دروازه طلایی ولادیمیر، سنت جورج کلیسای جامع (قرن 12) Yuriev-Polish، بناهای تاریخی Suzdal، که در آن یکپارچه در بازسازی توسعه تاریخی در کل شهر، یک شهر موزه کار می کند. مجددا مجتمع های معماری کامل موزه های معماری چوبی در کستروم، Suzdal. همه اینها - خلاقیت دست انسان، به سرزمین های محافظت شده از سرزمین های روسی دست یافتند.
