آموزش ساخت فونت ایتالیک در html پررنگ، مورب، کلاه های کوچک
برای اینکه صفحه وب ما قابل ارائه تر به نظر برسد، متن را به پاراگراف ها تقسیم می کنیم و عنوان را انتخاب می کنیم. HTML دارای 6 سطح عنوان برای بخش های یک سند است که از 1 تا 6 شماره گذاری شده اند. عنوان ها با یک جفت تگ با اعداد سطح مناسب اعلام می شوند، به عنوان مثال،
- سرفصل بخش سطح اول و - سرفصل بخش سطح ششم. عناوین از نظر اندازه و عرض حروف با متن معمولی متفاوت هستند. عنوان سطح اول h1 معمولا با فونت بسیار بزرگ نمایش داده می شود، در حالی که عنوان سطح شش h6 بسیار کوچک نمایش داده می شود.عناوین
عناوین بخش سند را با عنوان سند که قبلاً در مورد آن تعریف شده است اشتباه نگیرید
.از جمله اول به عنوان عنوان متن استفاده می کنیم - برای این کار کافی است آن را با برچسب ها محدود کنید
و
.برچسب ها را در متن فایل other.html درج کنید
و
به طوری که آنها جمله اول متن را محدود می کنند و این قطعه کد به شکل زیر درآمد:به صفحه شرکت SD خوش آمدید!
بیایید نتیجه به دست آمده را مرور کنیم.
فایل را با انتخاب دستور منوی Notepad File - Save ذخیره کنید.
عملیات ذخیره سازی باید همیشه قبل از مشاهده سند انجام شود، زیرا فایل را برای مشاهده باز می کند و آن را از روی دیسک در RAM رایانه بارگذاری می کند. اگر پس از ویرایش کد HTML فایل را ذخیره نکنید، هیچ پیکربندی در مرورگر مشاهده نخواهید کرد.
پنجره مرورگر را با کلیک بر روی دکمه آن در نوار وظیفه بازیابی کنید.
دکمه F5 یا دکمه Refresh را در نوار ابزار پنجره کاری برنامه فشار دهید. فایل other.html دوباره بارگذاری می شود و شما خواهید دید که هدر سطح اول در پنجره مرورگر چگونه به نظر می رسد.
مشاهده کنید که عناوین 5 سطح دیگر چگونه به نظر می رسند، اعداد موجود در برچسب ها را تغییر دهید: h2، h3، و غیره. پس از هر پیکربندی، فراموش نکنید که فایل را ذخیره کنید و تصویر را در پنجره مرورگر refresh کنید.
وقتی آزمایش ها را تمام کردید، دوباره برچسب ها را در فایل other.html بازیابی کنید.
.با استفاده از 6 سطح سرفصل هایی که HTML در دسترس قرار می دهد، می توانید سندی بسازید که خواندن آن با ساختاری بصری آسان باشد. به یاد داشته باشید که اگر سند شما دارای تقسیم بندی دقیق به بخش ها و زیربخش ها باشد، همیشه به طور قابل توجهی بهتر خوانده می شود.
سرفصل ها را تراز کنید
به طور پیش فرض، عنوان در سمت چپ صفحه تراز می شود. اما همچنین می تواند تراز راست یا وسط باشد. برای تراز سمت راست در یک برچسب
از ویژگی align = "راست" و برای وسط - align = "center" استفاده می شود. نشانه آشکار تراز سمت چپ نیز مجاز است - align = "چپ".
به برچسب اضافه کنید
ویژگی align = "center" برای مرکز عنوان. این عنصر باید به شکل زیر باشد:
به صفحه شرکت SD خوش آمدید!
در آینده نیاز به ذخیره فایل با کد اولیه و آپدیت تصویر در مرورگر قبل از مشاهده را به شما یادآوری نمی کنیم.
نحوه پررنگ کردن متن در HTML
حالا بریم سراغ بقیه متن. بیایید اندازه آن را افزایش دهیم و متن را به صورت مورب پررنگ کنیم. از تگ های جفت شده برای تنظیم استایل پررنگ استفاده می شود .
باز شده را در فایل other.html قرار دهید و بسته شدنبرچسب ها را به طوری که آنها متن را محدود می کنند در اینجا متوجه خواهید شد ... این عنصر باید به شکل زیر باشد:
چگونه متن را در HTML ایتالیک کنیم
سبک کج با استفاده از برچسب ها تنظیم می شود .
یک تگ HTML را در کد شروع قرار دهید وبه طوری که عنصر ویرایش شده به شکل زیر باشد:
در اینجا با فعالیت های ما آشنا می شوید محصولات نرم افزاریشرکت ما و تجهیزاتی که تولید می کنیم
عناصر نشانه گذاری می توانند تو در تو باشند، مانند این ساختار، جایی که عنصر …تو در تو در عنصر …... مرورگرهای مدرن می توانند تگ های تودرتو را به درستی مدیریت کنند. بنابراین، باید مطمئن شوید که ترتیب لانه سازی به هم نخورد. در صورت خرابی تودرتو، عملکرد مرورگر دشوار خواهد بود. به عنوان مثال، چنین ورودی نادرست خواهد بود: …... تودرتو بخش بسیار مهمی از فرهنگ کلی کدنویسی HTML است.
چگونه متنی را با زیر خط در HTML درست کنیم
با یک جفت تگ می‌توانید سبک خط‌دار یک قطعه متن را با این برچسب‌ها محدود کنید و از یک جفت تگ استفاده کنید. - نمایش متن در فونت تله تایپ
لازم به ذکر است که اخیراً برچسب ساده شده و خط کشی با استایل ها انجام می شود. معادل ... بله، آنالوگ جدید دست و پا گیرتر به نظر می رسد، اما با کمال تاسف این درست تر است. نکته اصلی در این مورد این است که نسخه حجیم مرورگر متقابل است، به عبارت دیگر، برای همه مرورگرها مناسب است، زمانی که هر دو همه مرورگرها از آن پشتیبانی نمی کنند.
نحوه رشد متن در HTML
حالا بیایید اندازه فونت متن را افزایش دهیم. این را می توان به روش های مختلف انجام داد.
برچسب ها اندازه فونت متن محصور شده بین آنها را افزایش دهید.
تگ ها را به ترتیب به ابتدا و انتهای کد بالا اضافه کنید وبه طوری که عنصر شکل زیر را به خود می گیرد:
در اینجا با فعالیت های ما، محصولات نرم افزاری شرکت و تجهیزاتی که تولید می کنیم آشنا خواهید شد.
استفاده از برچسب ها شما می توانید اندازه فونت متن را برای مطابقت با فونت اولیه کاهش دهید.
روش دیگر تعیین اندازه فونت با استفاده از تگ است با ویژگی اندازه مقادیر این ویژگی اعداد صحیح از 1 تا 7 است. در این مورد، مقدار 1 مربوط به کوچکترین اندازه قلم و مقدار 7 - بزرگترین است.
استفاده به جای برچسب مشاهده برچسب ها ، ببینید که چگونه اندازه قلم متن با مقادیر مختلف ویژگی اندازه تغییر می کند - از 1 تا 7.
همچنین می توانید از اعداد 1 تا 7 با علامت + (به علاوه) یا - (منهای) به عنوان مقدار مشخصه اندازه استفاده کنید. در این مورد، اندازه فونت در مقایسه با تگ های اولیه، به عنوان مثال، افزایش می یابد یا کوچک می شود. اندازه فونت را در مقایسه با فونت فعلی یک سطح افزایش می دهد. آن را بررسی کنید.
مقدار مشخصه اندازه را برای تکه متن مورد نظر روی 5 تنظیم کنید: ... کد HTML این قطعه باید به صورت زیر باشد:
در اینجا با فعالیت های ما، محصولات نرم افزاری شرکت و تجهیزاتی که تولید می کنیم آشنا خواهید شد..
در برچسب ها از ویژگی رنگ نیز می توان برای نشان دادن رنگ فونت استفاده کرد که با تگ های متنی مشخص شده است. مقادیر این ویژگی مانند ویژگی هایی است که قبلاً مورد بحث قرار گرفت که پس زمینه و رنگ متن سند را توصیف می کند.
به طور پیش فرض، پاراگراف با متن Here you will find ... در سمت چپ تراز شده است. با استفاده از تگ ها آن را به صورت افقی در مرکز قرار دهید
درج برچسب ها
توجه داشته باشید که ما از تگ ها برای وسط پاراگراف استفاده کردیم.
توجه! برای برچسب های 2010 ,
=
=
همچنین تعداد زیادی برچسب منسوخ دیگر وجود دارد که در این مقاله نمی توان آنها را توضیح داد، بنابراین بهتر است بلافاصله با وب سایت های تخصصی در این زمینه آشنا شوید. اما موارد اصلی را که در اینجا عرض کردم کمی بالاتر است
کدهای تخصیص
HTML دو رویکرد را برای انتخاب فونت قطعات متنی امکان پذیر می کند. از یک طرف، شما می توانید مستقیماً نشان دهید که فونت در یک منطقه خاص از متن می تواند پررنگ یا مورب باشد، به عبارت دیگر، همانطور که در این آزمایش انجام دادیم، نشان دادن نوع نوشتار واضح است. از سوی دیگر، می‌توانید هر متنی را به‌عنوان سبک منطقی خوب در مقابل نرمال علامت‌گذاری کنید و مرورگر را وادار کنید تا آن سبک را تفسیر کند. بنابراین، سبک منطقی نقش یک قطعه متن را نشان می دهد که مثلاً در مقایسه با متن معمولی اهمیت زیادی دارد یا اینکه این قطعه یک نقل قول است. در کار خود می توانید از تگ های زیر که سبک های منطقی را تعریف می کنند استفاده کنید. نحوه عملکرد آنها در مرورگرهای مختلف را بررسی کنید.
- برای تعریف یک کلمه استفاده می شود. متن به صورت پیش فرض به صورت مورب نمایش داده می شود.
- برای تاکید بر کلمات و تقویت. متن به صورت پیش فرض به صورت مورب نمایش داده می شود.
- برای برجسته کردن عنوان کتاب ها، فیلم ها، اجراها و ... به صورت پیش فرض به صورت مورب نمایش داده می شود.
- برای قطعات کد برنامه. بر روی صفحه نمایش با فونت با عرض ثابت نشان داده شده است.
- برای متنی که کاربر از صفحه کلید وارد می کند استفاده می شود. ممکن است با فونت های مختلف در مرورگرهای مختلف نمایش داده شود. برچسب منسوخ شده.
- برای نمایش پیام های برنامه خدمت می کند. با فونت با عرض ثابت نمایش داده می شود. برچسب منسوخ شده.
- برای قطعات بسیار مهم. معمولا به صورت پررنگ.
- برای نشان دادن اینکه بخشی از یک متن یا یک کلمه یک متغیر نمادین است و به عبارت دیگر متنی است که می تواند با عبارات مختلفی جایگزین شود استفاده می شود. به صورت پیش فرض به صورت مورب نمایش داده می شود. برچسب منسوخ شده.
مشخصات HTML 4.0 روش پیشرفته‌تری را برای تعیین سبک‌ها برای متن و سایر بخش‌ها ارائه می‌کند - با استفاده از زبان خاصی به نام Cascading Style Sheets، CSS. استایل شیت ها دستاورد بزرگی در زمینه طراحی وب هستند و توانایی بهبود ظاهر صفحات را گسترش می دهند. Style Sheet تعریف فاصله خطوط، padding، رنگ‌ها برای متن و پس‌زمینه، اندازه فونت و سبک و غیره را آسان می‌کند. اکثر قسمت‌های HTML را می‌توان با استفاده از ویژگی style، که در داخل تگ آغازین یک عنصر قرار می‌گیرد، استایل‌بندی کرد. جفت هایی از فرم "property: value" به عنوان مقدار ویژگی style استفاده می شود. به عنوان مثال، در یک قطعه کد که عنوان یک بخش را توصیف می کند،
ویژگی style = "color: blue" مشخص می کند که ویژگی رنگ آبی است، به عبارت دیگر، متن عنوان سطح اول باید به رنگ آبی نمایش داده شود.
تراز کردن سبک ها
بیایید ببینیم چگونه از زبان شیوه نامه آبشاری برای تعیین سبک یک قطعه متنی که با کلمات شروع می شود استفاده کنیم در اینجا متوجه خواهید شد ...
برای تعیین ضخامت قلم، از ویژگی font-weight با مقادیر lighter (narrow)، bold (bold)، bolder (bold) استفاده کنید، به عنوان مثال، style = "font-weight: bold".
برای تعریف سبک کج، از ویژگی font-style تنظیم شده روی italic استفاده کنید. بنابراین، برای کج کردن متن پررنگ، باید ویژگی style را مانند این پیدا کنید: style = "font-weight: bold; font-style: italic". توجه داشته باشید: ویژگی ها را می توان به هر ترتیبی قرار داد و لزوماً باید یک نقطه ویرگول مشترک داشته باشد.
اگر نیاز به تعیین اندازه قلم دارید، باید از ویژگی font-size استفاده کنید که مقادیر آن را می توان در مقادیر نسبی یا مطلق مشخص کرد. مقادیر نسبی درصد هستند، در حالی که نقاط (pt)، پیکسل (px)، سانتی متر (سانتی متر)، میلی متر (mm) به عنوان مقادیر مطلق استفاده می شود. مثلا:
سبک = "اندازه قلم: 200٪"
سبک = "اندازه قلم: 16pt"
سبک = "اندازه قلم: 100 پیکسل"
با تعیین اندازه‌های مطلق و نه نسبی، کاربرانی را که صفحات شما را مشاهده می‌کنند، از افزایش یا کاهش اندازه فونت‌ها با استفاده از دستور منوی مرورگر مطابق با دید و وضوح مانیتور محروم می‌کنید. فونت ها فقط در اندازه ای که شما مشخص کرده اید نمایش داده می شوند. بنابراین بهتر است اندازه فونت را به صورت درصد مشخص کنید. در این حالت، اندازه فونت با تعداد درصد مشخص شده کوچکتر یا بزرگتر از زمانی است که با استفاده از تگ HTML پیش فرض فرمت می شود.
برای تعیین روش تراز افقی متن، از ویژگی text-align با مقادیر چپ (چپ)، راست (راست)، مرکز (مرکز)، justify (width) استفاده کنید. بنابراین، برای نشان دادن اینکه متن در اینجا متوجه خواهید شد که ... باید به سبک کج پررنگ با اندازه 150 درصد اولیه و تراز در مرکز باشد، باید استایل آن را به صورت زیر پیدا کنید:
سبک = "وزن قلم: پررنگ؛ سبک قلم: مورب؛ اندازه قلم: 150%؛ تراز متن: مرکز"
ما از این ویژگی در تگ ها استفاده خواهیم کرد<р>که به شما امکان می دهد متن را به عنوان یک پاراگراف جداگانه ارائه دهید.
عنصر HTML حاوی متن را ویرایش کنید در اینجا با حذف تگ ها ... را یاد خواهید گرفت
<р style="font-weight: bold; font-style: italic; font-size: 150%; text-align: center">در اینجا با فعالیت های ما، محصولات نرم افزاری شرکت و تجهیزاتی که تولید می کنیم آشنا خواهید شد.
می بینید، HTML به شما اجازه استفاده را می دهد روش های مختلفطراحی سبک با این حال، استفاده از زبان شیوه نامه آبشاری CSS مطلوب تر است.
سایر گزینه های تراز و سبک
ما فقط یک مورد استفاده برای زبان شیوه نامه دیده ایم که در آن یک تعریف سبک به طور خاص در برچسب عنصری که شما توضیح می دهید قرار می گیرد.
این کار با استفاده از ویژگی style انجام می شود که با اکثر تگ های استاندارد HTML استفاده می شود. اما کاربردهای دیگری نیز برای CSS وجود دارد.
در HTML استاندارد، بدون تعبیه شیوه نامه، برای اختصاص دادن پارامترهای خاصی به هر عنصر، مانند رنگ، اندازه، موقعیت در صفحه و موارد مشابه، باید هر بار این ویژگی ها را برای هر عنصر مشخص کنید، حتی اگر 10 کیلو از قطعاتی که هیچ تفاوتی با هم ندارند. شما باید همان کد HTML را 10 بار در صفحه وارد کنید و حجم فایل و زمان دانلود آن از شبکه را افزایش دهید.
استایل شیت ها به روشی متفاوت، راحت تر و اقتصادی عمل می کنند. برای اختصاص دادن ویژگی های خاص به یک عنصر، باید یک بار این عنصر را ترسیم کنید و این توضیحات را به عنوان یک سبک پیدا کنید و در ادامه فقط نشان دهید که عنصری که می خواهید به روشی مناسب طراحی کنید باید ویژگی های سبکی را که توضیح دادید داشته باشد. راحت است، اینطور نیست؟
علاوه بر این، می توانید توضیحات سبک را نه در متن صفحه وب خود، بلکه در آن ذخیره کنید فایل جداگانه- این به شما امکان می دهد از توضیحات سبک در هر تعداد صفحه وب استفاده کنید. و یکی دیگر از مزیت های مرتبط، امکان تغییر طراحی هر تعداد صفحه با اصلاح تنها توضیحات سبک در یک فایل جداگانه است.
علاوه بر این، زبان شیوه نامه به شما امکان می دهد با طراحی فونت صفحه در سطحی بالاتر از HTML استاندارد کار کنید.
در حال حاضر، زبان CSS دارای تعداد نسبتاً زیادی پارامتر برای بخش‌هایی از HTML است که می‌تواند آنها را کنترل کند. با استفاده از "ایمن"، به عبارت دیگر، سازگار با بیشترین تعداد مرورگر عناصر CSS - ویژگی های فونت، رنگ قطعات و پس زمینه، ویژگی های متن و حاشیه - می توانید کار خود را به میزان قابل توجهی تسهیل کنید و صفحات وب خود را از نظر جذاب تر کنید. طراحی متن
در این مقاله در مورد نحوه انتخاب متن صحبت خواهیم کرد. به صورت مورب HTML. مانند متن پررنگ، متن ایتالیک را می توان به سه روش ساخت:
- برچسب بزنید من HTML;
- برچسب بزنید ما HTML;
- ویژگی CSS نوع قلم.
بیایید هر سه گزینه را برای چگونگی ایجاد حروف کج در HTML در نظر بگیریم، در مورد ظرافت های این موضوع و اینکه چه روش هایی برای استفاده در موقعیت های خاص راحت تر و صحیح تر است، بحث کنیم.
متن کج: برچسب
برچسب بزنید من(مورب)، شبیه به برچسب ببرای متن پررنگ، برای برجسته کردن فیزیکی متن ایتالیک استفاده می شود (به این معنی که فقط سبک متن تغییر می کند). برنامه تگ من:
سازنده وب سایت "Nubex"
بنابراین قسمت مورد نیاز متن بین تگ ها قرار می گیرد .
متن کج: برچسب
اگرچه برچسب منمعتبر باقی می ماند، از نقطه نظر بهینه سازی سایت بهتر است از برچسب استفاده کنید مابرای برجسته کردن بخش های منطقی مهم متن. این بدان معنی است که خزنده های موتورهای جستجو اهمیت متن قرار داده شده بین برچسب ها را در نظر می گیرند. :
سازنده وب سایت "نوبکس"
نتیجه:
سازنده وب سایت "نوبکس"
اما فراموش نکنید که متن در برچسب ها محصور شده است منو ما، اگرچه آنها تقریباً یکسان نمایش داده می شوند (در همه مرورگرهای مدرن) اما در اصل آنها همانطور که در بالا ذکر شد کاملاً یکسان نیستند. بنابراین، باید از برچسب ها در صورت نیاز استفاده کنید: تگ ما HTML برای قاب بندی بخش های مهم متن و اعمال طراحی ایتالیک بصری با استفاده از یک برچسب منیا سبک های CSS حالا بیایید به استفاده از سبک های CSS برای برجسته کردن متن های ایتالیک نگاه کنیم.
متن کج توسط CSS طراحی شده است
برای تنظیم سبک برای نمایش فونت ها در CSS، از ویژگی استفاده کنید نوع قلم، که می تواند مقادیر زیر را به خود بگیرد: مورب(متن مورب) مورب(مورب) و طبیعی(فونت معمولی).
شایان ذکر است که موربفونت و شیب دار، در اصل آنها یکسان نیستند. حروف کجیک فونت خاص است که مشابه آن است متن دست نویس، آ شیب داربا کج کردن فونت معمولی به سمت راست تشکیل می شود.
کاربرد صفت نوع قلمدر تمرین:
سایت های ما در واقع، قدم بزرگدر توسعه وب
ما واقعاً انجام می دهیم کیفیتسایت های.
اما باید به خاطر داشت که برخی از مرورگرها با ویژگی متن پیام می دهند font-style: oblique;را می توان به جای متن ایتالیک به صورت ایتالیک تفسیر کرد.
اشباع افزایش ضخامت خطوط فونت و بر این اساس کنتراست است. معمولاً چهار نوع اشباع وجود دارد: روشن، معمولی، پررنگ و پررنگ. با این حال، تنها استایل معمولی و پررنگ را می توان با HTML تنظیم کرد. برای تنظیم متن پررنگ از دو تگ استفاده می شود: و .
حروف برجسته انتخاب متن قوی
سبک کج
کج فقط یک شیب از کاراکترهای منفرد نیست، برای برخی از فونت‌ها یک بازنگری کامل به سبک جدیدی است که دستخط را تقلید می‌کند. دو تگ برای متن، ایتالیک تعریف می کنند: و .
سبک فونت کج انتخاب متن
لازم به ذکر است که برچسب ها و ، همچنین و اگرچه در عمل مشابه هستند، اما کاملاً معادل و قابل تعویض نیستند. اولین تگ - یک تگ نشانه گذاری فیزیکی است و متن را پررنگ و برچسب را تنظیم می کند - یک برچسب نشانه گذاری منطقی و متن علامت گذاری شده را برجسته می کند. این جداسازی برچسب‌ها به قالب‌بندی منطقی و فیزیکی در ابتدا به منظور جهانی کردن HTML بود، از جمله اینکه به دستگاه خروجی وابسته نیست. از نظر تئوری، اگر مثلاً از مرورگر گفتار، سپس متن با برچسب تزئین شده است و ، متفاوت علامت گذاری خواهد شد. با این حال، مشخص شد که در مرورگرهای محبوب، نتیجه استفاده از این برچسب ها معادل است.
مثال 7.5 استفاده از برچسب ها را نشان می دهد و برای طراحی متون
مثال 7.5. برچسب ها و
و کوکی ها و مهتاب کجا هستند؟! - پسر بد فریاد زد.
نتیجه این مثالنشان داده شده در شکل 7.5.
در HTML، متن پررنگ را می توان به روش های مختلفی انجام داد. این شامل:
- برچسب بزنید ب;
- برچسب بزنید قوی;
- ویژگی CSS وزن فونت.
بیایید در مورد هر یک از گزینه های انتخاب متن به ترتیب صحبت کنیم.
متن پررنگ: برچسب
برچسب بزنید ب HTML به این صورت اعمال می شود:
سازنده وب سایت "Nubex"
برای برچسب زدن باید یک بسته شدن وجود داشته باشد، و صفات جهانی برای آن در دسترس است (مانند کلاس، شناسه، عنوانو غیره.)
اگرچه اعتبار تگ بو توسط مشخصات HTML منسوخ نشده است، بیشتر مربوط به استفاده از برچسب است قوی، بیایید ببینیم چرا
متن پررنگ: برچسب
با توجه به مشخصات HTML، برچسب ببرای برجسته کردن متن به صورت پررنگ عمل می کند. در مقابل، برچسب قوی HTML برای برجسته کردن است مهمفریم ها، کلماتی که برای این صفحه کلیدی هستند.
این تگ نقش بسزایی در رتبه بندی صفحات در نتایج جستجو دارد، به همین دلیل در ارتقاء وب سایت و بهینه سازی سئو کاربرد فراوانی دارد. موتورهای جستجو متن محصور شده در برچسب ها را در نظر می گیرند و آن را به عنوان مهم علامت گذاری کنید.
برچسب استفاده شده قویبه همان شیوه:
سازنده وب سایت "Nubex"
ممکن است متوجه شوید که به صورت خارجی از برچسب ها استفاده می کنند و اصلاً متفاوت نیست (از آنجایی که همه مرورگرهای مدرنآنها را تقریباً به همان روش تفسیر کنید)، اما تفاوت های معنایی در کد برای موتورهای جستجوپس از همه، جایی برای بودن داشته باشید. بنابراین، بیشتر سئوکاران استفاده از تگ را توصیه می کنند قوی.
متن پررنگ با CSS
قبلاً به اهمیت تگ اشاره کرده ایم قویدر ارتقاء موتور جستجو، اما در صورت نیاز به انتخاب چه باید کرد تعداد زیادی ازمتن به صورت پررنگ (اما لازم نیست متن به عنوان مهم برای موتورهای جستجو علامت گذاری شود)، یا آیا باید درجه "پررنگ" فونت را کنترل کنید؟ در چنین مواردی از ویژگی CSS استفاده می شود. وزن فونت... به صورت زیر اعمال می شود:
سایت های ما در واقع، قدم بزرگدر توسعه وب
ما واقعاً انجام می دهیم کیفیتسایت های.
به ما اعتماد کنید و ما به شما کمک خواهیم کرد ما شما را ناامید نخواهیم کرد.
ارزش ها جسورترو فندکمی توانید درجه چاقی را بیشتر (یا کمتر) از والدین تنظیم کنید. یک مقدار عددی (100-900) می تواند میزان چربی را تعیین کند.
درود بر شما عاشقان که چیز جدیدی را از هم جدا کنید و سینه دانش خود را پر کنید اطلاعات جدید! پس از خواندن مقاله، یاد خواهید گرفت که چگونه متن پررنگ را در html ایجاد کنید، چه نوع سبک دیگری وجود دارد و چه عناصری مسئول این کار هستند. در نتیجه، سایت شما می تواند به خود ببالد متن خواندنیبا نکات کلیدی که به درستی مشخص شده اند.
در مقالات قبلی، من در مورد ویژگی ها و برچسب های زبان های وب، در مورد روش های طراحی صحبت کردم ظاهرو، اما هرگز جسمی را لمس نکرد، بدون آن هیچ سایتی نمی تواند زنده بماند. این متن است.
علاوه بر این، این فقط مجموعه ای پیوسته از حروف نیست، بلکه به طور شایسته به پاراگراف ها و با تأکید تقسیم می شود کلید واژه ها، نقل قول ها، لینک ها و غیره برای این کار، زبان‌های css ابزارهای مخصوص تایپ‌فیس را ارائه می‌کنند. بیایید شروع کنیم!
گزینه های استایل در html
فونت محتوای متن همیشه قابل تغییر است. مثلا روی پررنگ یا ایتالیک قرار بدید و میتونید تزیینش کنید. برای این کار، تگ های ساده ای وجود دارد که به راحتی به خاطر سپرده می شوند و سپس اعمال می شوند. در زیر جدولی از عناصر وجود دارد که هدف آنها را توضیح می دهد.
ابتدا به عناصر متن پررنگ می پردازیم.
برای افزایش ضخامت حروف، تگ های زوجی مانند و ... در هنگام استفاده، این ابزارها به همان شیوه نمایش داده می شوند، زیرا متن را به صورت پررنگ فرمت می کنند. با این حال، هدف آنها متفاوت است. بنابراین نمی توان آنها را معادل نامید و فقط یکی از آنها را می توان استفاده کرد.
بنابراین، برچسب با شرط تغییر فونت استاندارد به غنی و ضخیم ایجاد شد. اشاره دارد به ظاهر فیزیکیسبک است و بار معنایی ندارد. بنابراین بیایید بگوییم که این فقط یک نوع نمایشگر آزمایشی است.
آ برای تأکید بر یک نکته کلیدی طراحی شده است. این یک عنصر منطقی است که در حین مکالمه به صورت لحنی برجسته می شود.
حالا بیایید به برچسب هایی مانند و .
آنها فونت استاندارد را به صورت مورب فرمت می کنند. فکر می کنم شما یک سوال منطقی بپرسید: "و این عناصر نیز بر اساس اصل برچسب ها با یکدیگر متفاوت هستند. و ؟" سوال درست است. و حق با شماست!
در واقع، واحد زبان نشانه گذاری طراحی شده برای تأکید بر نکات مهمو جزئیات، در حالی که فقط یک تغییر در ظاهر و احساس محتوا.
ابزارهای اصلاح فونت CSS
Css با ارائه ابزارهای ویرایش مشابه به توسعه دهندگان همگام بوده است. اینها ویژگی هایی مانند تزئین متن و فونت هستند.
- این یک پارامتر جهانی است که فونت را با برخی جزئیات تکمیل می کند. به عنوان مثال، متن را می توان «چشمک زد»، زیر خط یا خط، روی کلمات کشیده شد (روی خط)، از شی والد به ارث رسید (ارث گذاشتن)، یا قالب فونت را می توان از تمام اضافات پاک کرد (هیچ کدام).
دومین مکانیزم رایج برای ویرایش محتوای متنی، ویژگی فونت است. با کمک آن، می توانید سبک فونت (سبک فونت)، اندازه آن (اندازه فونت)، تنظیم کوچک، یعنی. نوع حروف کوچک (نوع فونت) و همچنین "بازی" با وزن فونت را مشخص کنید.
در اینجا یک مثال است
با توجه به تمام اطلاعاتی که در بالا گفتم، سعی می کنیم چنین کد نمونه ای ایجاد کنیم که در آن از دانش به دست آمده حداکثر استفاده کنیم (به شما یادآوری می کنم که کد قابل تایپ است).
ایجاد هدر برای جدیدپاراگراف
محتوای متن خود پاراگراف را می نویسیم که چشمک زن .
مثال را در مرورگر اجرا کنید و به استایل آن توجه کنید. بنابراین، عنوان با یک تایپ ایتالیک روشن با یک خط زیر بالای جمله برجسته می شود. پاراگراف با حروف کوچک بزرگ نمایش داده می شود. علاوه بر این، متن حاوی تأکید منطقی و فیزیکی بر کلمات است.
اکنون می توانید محتوای متن را طبق تمام قوانین ویرایش کنید. در به روز رسانی های وبلاگ من مشترک شوید و دوستان را دعوت کنید. خداحافظ!
با احترام، رومن چوشوف
