۲
آذر

جلسه ۴۵ : آموزش کار با تگ font در HTML

دسته‌بندی‌ها :

جزئیات
نوع محتواآموزشی

فهرست

مقدمه

سلام پی وی لرنی های عزیز!
به دوره آموزش تگ های HTML خوش آمدید!
HTML یا Hypertext Markup Language یک نوع زبان نشانه‌گذاری استاندارد برای ایجاد صفحات اینترنت و وب محسوب می شود.
می توان ادعا کرد که HTML دروازه ورود و پیشرفت برای یادگیری سایر زبان های برنامه نویسی هم چون CSS و جاوا اسکریپت است.
HTML ساختار و اسکلت صفحات وب را تشکیل می دهد و بدون آن نمی توان هیچ صفحه وبی را ساخت.
دوست دارید طراح وب شوید؟
خب باید HTML را بیاموزید!
نگران نشوید! یادگیری HTML کار دشواری نیست و با کمی تلاش خیلی زود در آن استاد می شوید.
در جلسه گذشته تگ figure را شناختیم؛ این تگ حاوی محتواهایی چون تصاویر، نمودارها، عکس ها، لیست کد ها و غیره است.
در این جلسه قرار است آموزش کار با تگ font در HTML را ارائه کنیم.

آموزش کار با تگ font در HTML

به مثال زیر توجه نمایید.
در این مثال اندازه فونت و رنگ متن مشخص شده است.

مثال :

<font size="3" color="red">This is some text!</font>
<font size="2" color="blue">This is some text!</font>
<font face="verdana" color="green">This is some text!</font>

This is some text!

This is some text!

This is some text!

تعریف و کاربرد

تگ font تگی است که با استتفاده از آن می توانید نام فونت ها، اندازه آن ها و رنگ آن ها را مشخص نمایید.
تگ font در HTML5 پشتیبانی نمی شود لذا به جای آن باید از CSS استفاده کنید.

پشتیبانی مرورگر ها

نام مرورگر
پشتیبانی	بله	بله	بله	بله	بله

تفاوت بین HTML 4.01 و HTML5

تگ در HTML5 تگ جدیدی محسوب می شود.

خصیصه های اختیاری

خصیصه	مقدار	توضیح
color	rgb(x,x,x) xxxxxx# colorname	این خصیصه رنگ متن را مشخص می کند. این خصیصه در HTML5 پشتیبانی نمی شود.
face	font_family	نام فونت یا نوع فونت را تعیین می نماید. این خصیصه در HTML5 پشتیبانی نمی شود.
size	number	اندازه فونت را مشخص می کند. این خصیصه در HTML5 پشتیبانی نمی شود.

مثال های تکمیلی

مثال یک

در این نمونه می توانید رنگ متن را تنظیم نماییم.

مثال :

<!DOCTYPE html>
<html>
<body>

<p style="color:red">This is a paragraph.</p>
<p style="color:blue">This is another paragraph.</p>

</body>
</html>

<!DOCTYPE html>

<html>

<body>

This is a paragraph.

This is another paragraph.

</body>

</html>

مثال دو

در نمونه زیر می توانید نوع فونت را مشخص کنید.

مثال :

<!DOCTYPE html>
<html>
<body>

<p style="font-family:verdana">This is a paragraph.</p>
<p style="font-family:'Courier New'">This is another paragraph.</p>

</body>
</html>

<!DOCTYPE html>

<html>

<body>

This is a paragraph.

This is another paragraph.

</body>

</html>

مثال سه

با کمک مثال زیر نیز می توانید سایز فونت ها را تعیین کنید.

مثال :

<!DOCTYPE html>
<html>
<body>

<p style="font-size:30px">This is a paragraph.</p>
<p style="font-size:11px">This is another paragraph.</p>

</body>
</html>

<!DOCTYPE html>

<html>

<body>

This is a paragraph.

This is another paragraph.

</body>

</html>

کلام آخر

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

QR: جلسه ۴۵ : آموزش کار با تگ font در HTML

به اشتراک بگذارید

دیدگاه کاربران

تعداد دیدگاه : 0

پی وی لرن – آموزش برنامه نویسی و طراحی وب سایت

دوره های آموزشی آکادمی پی وی لرن (پروژه محور و ویژه بازار کار)

جلسه ۴۵ : آموزش کار با تگ font در HTML

مقدمه

آموزش کار با تگ font در HTML

تعریف و کاربرد

پشتیبانی مرورگر ها

تفاوت بین HTML 4.01 و HTML5

خصیصه های اختیاری

مثال های تکمیلی

مثال یک

مثال دو

مثال سه

کلام آخر

لیست مطالب دوره

مطالب ویژه

دسته های اصلی

برگه ها

بلاگ