خانه / آموزش کامل HTML / آموزش کامل HTML – قسمت هشتم: فونت ها
آموزش اچ تی ام ال

آموزش کامل HTML – قسمت هشتم: فونت ها

آخرین ویرایش در تاریخ ۱ آذر ۱۳۹۵

فونت ها

برای ایجاد تغییرات در فونت ها باید از استایل در html استفاده کنیم. روش استفاده از استایل به صورت زیر است:

<tagname style = “style1; style2;”>محتوا</tagname>

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

<h1 style = “font-family: tahoma; color: blue;”>متن عنوان</h1>

font-family نوع فونت و color رنگ آن را مشخص می کند. توجه داشته باشید که امکان نمایش فونت پیش فرض در صورت اشتباه نوشتن نام فونت وجود دارد. برای رنگ ها از کد آن ها نیز می توانید استفاده کنید.

برای تغییر در اندازه فونت از خاصیت font-size استفاده می کنیم. اندازه فونت را معمولا بر حسب پیکسل px بیان می کنیم. البته معیارهای دیگری مانند em نیز وجود دارند.

در مثال زیر متنی با فونت تاهما رنگ ۱۱۱۱۱# و اندازه ۱۲ پیکسل نمایش می دهیم.

<p style = “font-family: tahoma; color: #11111; font-size: 12px;”>متن مورد نظر</p>

هم تراز کردن متن

اتربیوت مورد نظر برای هم تراز کردن متن text-align می باشد. این خصوصیت به شما کمک می کند که متن خود را راست چین، وسط چین یا چپ چین کنید.

<p style = “text-align: right;”>متن راست چین</p>

<p style = “text-align: center;”>متن وسط چین</p>

<p style = “text-align: left;”>متن چپ چین</p>

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

برای پر رنگ کردن متن از تگ های <b></b> و <strong></strong> استفاده می کنیم و متن مورد نظر را در بین این تگ ها قرار می دهیم.

برای ایتالیک کردن متن نیز از تگ <em></em> استفاده می شود.

<p> آموزش <em>اچ تی ام ال</em> با <b>پردیس وردپرس</b> </p>

پایان جلسه هشتم

درباره ما admin

محمد صفری : مدیر پردیس وردپرس ، مهندس نرم افزار و طراح سایت

این موارد رو هم بررسی کنید

آموزش اچ تی ام ال

آموزش کامل HTML – قسمت ۱۲: تگ span

آخرین ویرایش در تاریخ ۱۴ تیر ۱۳۹۶ تگ <span> کاربرد زیادی در شخصی سازی متن …

پاسخ دهید