آموزش زبان برنامه نویسی ۱۱html تگ font

آموزش زبان برنامه نویسی html درس ۱۱ در com01.ir

۱۱html

در این درس قصد داریم تا با تگ فونت در ساختار html  آشنا شویم ?

با com01همراه باشید

کار با تگ فونت (font) و استایل در زبان برنامه نویسی html

تعریف فونت در html :

فونت در html به صورت تگ های خطیتعریف می گردد ، در اینجا با تگ های فونت را مشاهده می کنیم :<font> و <font/>

 لازم به ذکر است که این بخش از html آنچنان کاربردی ندارد زیرا امروزه اغلب از css برای تعریف فونت و از استایل خارجی به جای استایل خطی استفاده می کنند!ولی به دلیل اینکه دانستن گامی در جهت اعتلا دانش ما است توجه شما را به این درس جلب می کنیم :

نحوه تعریف فونت در html :

فونت ها را در html به صورت تگ

های خطی تعریف می کنند ، <font> و <font/> .

ویژگی face در html font :

face در html در واقع عملکردی شبیه عنصر font-family در css دارد،  لازم به ذکر است که هر دوی این عناصر برای ایجاد و تعریف کردن خانواده ای از فونت ها و نسبت دادن آن به عبارات و متون زیر مجموعه خود کاربرد  دارند .

ویژگی dir در html font :

dir برای مشخص کردن جهت نوشتاری حروف به کار می رود ، که مثلا از سمت راست نوشته شود و یا چپ !

ویژگی color در html font :

برای آنکه متن خود را دارای رنگ نمائیم در تگ font از عنصر color استفاده می کنیم .

ویژگی lang در html font :

با این ویژگی میتوان زبانی را که در تگ font به کار رفته است مشخص کنیم .

ویژگی size در html font :

برایمشخص کردن اندازه متن داخل تگ font از عنصر size استفاده می کنیم .

ویژگی class و id در html font :

معمولا بیشتر تگ های html این قابلیت کلیدی را دارند  تا با  کدها و هم چنین استایل های css تنظیم شوند .

استایل خطی در html font :

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

مطلبی که در این درس می آموزید ( استایل خطی درون تگ های html  ) می باشد . درون تگ های html استایل خطی را با درج style و تعیین مقدار تعریف می کنند، لازم به ذکر است که  تمامی ویژگی هایی که در css قابل دسترسی است ، در داخل stlye خطی نیز قابل تعریف هستند .

پیش نمایش نحوه تعریف فونت و استایل در html :

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

اینفوگرافیک آموزش زبان برنامه نویسی html درس ۱۱ از com01

 
open image open image open image open image open image

مطالب مرتبط :

برنامه نویسی html ،آموزش تصویری
   

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

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *