%45 تخفیف، با کد daneshjoo روی تمام آموزش ها، بمناسبت روز دانشجو
زمان باقی مانده (تمدید شد)
سبد (0)

تبلیغات

فونت ها در HTML

تگ <font> نباید استفاده شود

Wiki

تگ <font> در HTML 4 رایج نیست و در HTML 5 حذف شده است.

کنسرسیوم World Wide Web یا (w3c) تگ <font> را از دستوراتش حذف کرده است.

در HTML 4، باید از CSS (یا style sheetها) برای تعیین خصوصیات نمایش عناصر استفاده کرد.

مثال زیر نشان می دهد که چگونه HTML با تگ <font> کار می کند.

مثال (فونت ها در HTML)

<p>
<font size="5" face="arial" color="red">
This paragraph is in Arial, size 5, and in red text color.
</font>
</p>

<p>
<font size="3" face="verdana" color="blue">
This paragraph is in Verdana, size 3, and in blue text color.
</font>
</p>
خودتان امتحان کنید »

مثال - خودتان امتحان کنید

Wiki

راه درست قالب بندی - با Style ها

Set the font of text
این مثال نحوه تنظیم فونت متن را نشان می دهد.

Set the font size of text
این مثال نحوه تنظیم سایز فونت را نشان می دهد.

Set the font color of text
این مثال نحوه تنظیم رنگ متن را نشان می دهد.

Set the font, font size, and font color of text
این مثال نحوه تنظیم فونت، سایز و رنگ متن را نشان می دهد.

دیدگاه‌ها  

+2 # نفیسه بختیاری 1396-04-20 20:18
سلام خسته نباشید
از فونت های فارسی هم میشه استفاده کرد؟
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+1 # امیر پهلوان صادق 1396-04-22 08:13
سلام، بله در CSS3 می توانید از فونت های فارسی استفاده کنید، لطفا به مطلب زیر مراجعه نمایید:
http://beyamooz.com/css3/653-%D9%81%D9%88%D9%86%D8%AA-%D8%AF%D8%B1-css3
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+1 # neda 73 1395-08-13 22:08
سلام
آموزش فونت ها در HTML عالی بود.
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+1 # سحرناز 1394-11-20 11:17
سلام،
دعاي خير من تا هميشه دنبالتونه به خاطر اين مطالب مفيدتون

سوالم اينه كه اگر ما مثلا مي تونيم با تگ pre
همه ي اون چيزي رو كه مي نويسيم به همون شكل هم ببينيم چه نيازي به نوشتن اين كدها هست؟ مثلا نميشه من در word با سايز و فونت دلخواهم بنويسم و بعد در نوت پد كپي پيوست كنم؟!!! و با تگ pre به همون شكل ببينم؟! ببخشيد ديگه اگر سئوالم خيلي ابتدائيه:(
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+9 # امیر پهلوان صادق 1394-11-20 14:04
سلام
توجه داشته باشید که بدون استفاده از تگ Pre فاصله های بین حروف و Enter های بین خطوط حذف خواهد شد، یعنی تنها کاربردی که دارد حفظ کردن فاصله هاست ...! و بقیه فرمت هایی که فرمودید در Word در نظر گرفته اید مثل زخیم کردن یا Bold کردن و اندازه فونت و ... را در نظر نمی گیرد.
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+1 # مهرداد صلاحی 1394-11-20 13:07
با سلام و تشکر.

اشتباه نکنید!!!
تگ pre عناصر داخل صفحات وب رو به صورت مجزا نشون میده و با پیش فرض خودش.
شما قصد دارید صفحات رو در مرورگر نمایش بدید، برای این منظور باید از تگ‌های HTML استفاده کنید. ساختار و کدنویسی رو باید بر اساس این زبان ببرید جلو. word‌ مناسب این کار نیست.

گر چه یه مقدار سؤالتون گنگ و مبهم هست، ولی من استنباطی که کردم،‌ این بود. اگر توضیحات بیشتری بدید، شاید بهتر بتونم راهنمایی کنم.
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+1 # alireza94 1394-10-30 12:42
با سلام.شما گفتین که تگ منسوخ شده است.از چ تگی بجای آن استفاده می شود؟؟؟؟
از استفاده میشود؟؟؟
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+1 # پیمان بندی 1394-11-02 17:54
<font size="5" face="arial" color="red">
This paragraph is in Arial, size 5, and in red text color.
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+1 # پیمان بندی 1394-11-02 17:54
<
font size="5" face="arial" color="red">
This paragraph is in Arial, size 5, and in red text color.
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+1 # پیمان بندی 1394-11-02 17:53
<
font size="5" face="arial" color="red">
This paragraph is in Arial, size 5, and in red text color.
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+1 # پیمان بندی 1394-11-01 20:50
تگ در HTML 4 رایج نیست و در HTML 5 حذف شده است.
و از تگ

This paragraph is in Arial, size 5, and in red text color.

استفاده می شود
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
0 # yaser 1394-09-10 15:30
سلام
در بخش مثال نحوه تنظیم فونت متن یه کد هست کاربردشو لطفا بگید
family:verdana

تشکر
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+5 # مهرداد صلاحی 1394-09-10 15:33
با سلام.
خیلی جاها نیاز دارید، قسمتی از متن دارای یک فونت خاص باشه، برای این منظور از این خصوصیت استفاده میکنیم. یه مثال میتونه نحوه نمایش اعداد در متن باشه. یعنی جایی که متن عدد هست، میتونید از این خصوصیت استفاده کنید و به اعداد فونت خاصی بدید و مطمئن باشید که اون اعداد با اون فونت نمایش داده میشن.
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+1 # sina 1394-08-29 13:37
سلام خسته نباشید
تگ هایی که در نسخه های جدید HTML حدف شده اند آیا در صورت استفاده از آنها نتیجه ای در مرورگر نخواهیم دید؟
چون بنده با و مرورگر فایرفاکس 42 از تگ فونت استفاده کردم و نتیجه گرفتم.
پس منظور از حذف این تگ در نسخه 5 اچ تی ام ال چیست؟
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+2 # مهرداد صلاحی 1394-08-29 15:59
با سلام و تشکر
معمولا تگ‌های منسوخ شده در مرورگرهای جدید هم قابل نمایش هستد و مشکلی در نمایش ندارن. ولی بهتره استانداردها رو رعایت کنید و از تگهای منسوخ شده استفاده نکنید.

مثلا تگ b برای بولد کردن یا تگ font و ... .
این حالات مختلف برای فونت رو میشه با استفاده از CSS پیاده سازی کرد و دیگه نیازی به تگ موردنظر نیست.
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+1 # sina 1394-08-30 09:06
ممنون از پاسخ کامل و روشن جنابعالی

آیا ادیتوری وجود داره که بصورت آپ تو دیت بتونه قوانین W3C رو اعمال کنه و به ما اجازه استفاده از تگهای منسوخ شده رو در صورت استفاده از نسخه های جدید اچ تی ام ال نده یا پیغامی در این زمینه نمایش بده؟
ادیتور Dw واقعا کارآمد هست به نظرم، اما این موضوع رو پوشش نمیده.
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+2 # مهرداد صلاحی 1394-08-30 11:22
راستش به این موضوع دقت نکردم.
بعد از یه مدت به مرور متوجه می‌شید تگهای منسوخ شده، کدوما هستند و خودتون می‌دونید که نباید ازشون استفاده کنید.

در مورد دریم‌ویور هم باید بگم که این ادیتور برای طراحی خوبه، ولی ادیتورهای قدرتمند‌تری هم وجود دارن که کار با اونها به مراتب خیلی ساده‌تر و بهتر از دریم‌ویور هست و امکاناتی رو در اختیار شما قرار میده که دریم‌ویور قرار نمیده.
برای مطالعه بهتره به لینک http://beyamooz.com/forum/threads/35-%D9%85%D8%B9%D8%B1%D9%81%DB%8C-ide-%D8%A8%D8%B1%D8%A7%DB%8C-php یه نگاهی بندازید.

موفق باشید.
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+2 # malih niku 1394-06-29 11:29
سلام ....ما انواع font -familyها مثلverdona,cour ierرو از کجا میتونیم بشناسیم؟
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+1 # شهربانو دوستی 1394-06-29 14:24
با سلام
اگر منظور شما نوع نمایش فونت است که می توانید با امتحان کردن فونت شکل نوشتاری آن را مشاهده کنید.
با کمی جستجو در اینترنت فونت های زیادی را خواهید یافت که مطابق با سلیقتان می توانید از آنها استفاده کنید.برای استفاده از فونت های دلخواه در صفحه وب می توانید به "آموزش CSS3-فونت" از طریق لینک زیر مراجعه کنید:
http://www.beyamooz.com/css3/653-%D9%81%D9%88%D9%86%D8%AA-%D8%AF%D8%B1-css3
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+1 # amin. 1394-06-13 16:02
سلام
چرا فونت هایی که من استفاده می کنم کار نمی کنند مانند:
B Koodak Bold
Far.Dast Nevis
و ...
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+1 # شهربانو دوستی 1394-06-13 16:37
با سلام
به آموزش CSS3-فونت مراجعه کنید. برای این کار می توانید از لینک زیر استفاده کنید:
www.beyamooz.com/css3/653-%D9%81%D9%88%D9%86%D8%AA-%D8%AF%D8%B1-css3
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+1 # amin. 1394-06-13 23:34
ممنون راهنمایی تان
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+1 # Mohsen 1394-01-11 06:58
سلام
واقعا متشکرم از زحماتی که برای این سایت در جهت بالابردن علم خودم و دوستان کشیدید.
دو سوال: در اینجا وقتی مثلا می نویسیم"font size="5 ، در حقیقت واحد این 5 چیه؟ یا مثلا وقتی میگیم 110٪ این درصد و نسبت رو با چه چیزی قیاس میده و می سنجه؟
سوال بعدیم اینه که روشی هست که بفهمیم کجا باید دو نقطه بگذاریم و کجا مساوی؟ مثلا:
font size=5
font-size:200%
ضمنا من باب مثال چجوری فونت سایز اولی رو با دومی اشتباه نکنیم و بفهمیم هرکدام رو کجا استفاده کنیم؟
تشکر
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+3 # امیر پهلوان صادق 1394-01-11 11:41
سلام
توجه فرمایید، همان طور که در ابتدای مطلب بالا ذکر شده است، تگ font دیگر استفاده نمی شود و برای تنظیم فونت باید از CSS استفاده کرد. مثلاً برای تنظیم اندازه فونت از خصوصیت font-size استفاده شود.
متأسفانه با توجه به سوالتان شما دچار یک اشتباه شده اید و آن اشتباه این است که باید بجای font size بگویید size ...! با توجه به مثال زیر:<font size="5" face="arial" color="red"> ... </font>
size یکی از ویژگی های تگ font است و مثلاً تگ p چنین ویژگی ای ندارد. توجه داشته باشید تمام ویژگی ها را با علامت = مقدار دهی می کنیم. اما حالا در مثال زیر:<h1 style="font-size:200%">This is a heading</h1>
font-size یکی از خصوصیت های CSS است و ربطی به تگ h1 ندارد، یعنی در هر تگی می تواند مورد استفاده قرار بگیرد. توجه داشته باشید که تمام خصوصیت های CSS را با علامت : مقدار دهی می کنیم.

در CSS، باید واحد اعداد ذکر شود، مگر اینکه مقدار مورد نظرمان 0 باشد. لطفاً برای کسب اطلاعات بیشتر در مورد واحدهای اندازه گیری به لینک زیر مراجعه فرمایید:
www.beyamooz.com/cssref/229-css-reference/917
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+2 # سارا 1393-12-13 23:47
سلام
امکان داره راهنمایی کنید که چطوری از زبان فارسی در html استفاده کنیم؟ دقیقا چه کدی و در کدام قسمت باید بنویسیم؟
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+5 # امیر پهلوان صادق 1393-12-14 07:42
سلام
برای صفحات با محتوای فارسی، یکی از دو کار زیر را انجام دهید:
1- اضافه کردن تگ meta: در قسمت head صفحه، یک تگ meta با ویژگی های زیر اضافه نمایید. <meta http-equiv="Con tent-Type" content="text/h tml; charset=utf-8">
2- UTF-8: زمانی که می خواهید فایل HTML را در نات پد ذخیره کنید، گزینه encoding را با مقدار UTF-8 تنظیم نمایید.
سپس تصور فرمایید که یک تگ، p مانند زیر داریم، برای تکمیل کار حتماً دو خصوصیت font-family و direction را نیز باید تنظیم نمایید:<p style="font-fam ily:tahoma; direction:rtl"& gt; مطالب در بیاموز بصورت رایگان ارائه می شود </p>
البته می توان دو خصوصیت بالا را نیز بصورت زیر تنظیم نمود:body
{
font-family:tahoma;
direction:rtl
}
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+2 # سارا 1393-12-14 10:29
ببخشید من تو تایپ فارسی یه مشکلی دارم وقتی چیزی رو اشتباه مینویسم و میخوام اصلاحش کنم وقتی نوشته رو select میکنم تا درستش کنم به هم میریزه و حروف جابجا میشه؟ لطفا راهنمایی کنید مرسی
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+1 # سارا 1393-12-14 09:56
پس برای تگ html لازم نیست خصوصیت lang رو تعریف کنیم؟
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+2 # امیر پهلوان صادق 1393-12-16 10:41
حق با شماست، در ادیتورهایی مثل ++ NotePade این اتفاق می افته، و احتمالاً مجبور می شید که کل متن فارسی رو از ابتدا تایپ کنید.
در ادیتور ++ NotePade می توانید منوی View -> Text Direction RTL را انتخاب کرده و سپس متن مورد نظر را اصلاح کنید. اگر از ادیتور دیگری استفاده می کنید، به دنبال گزینه ای مشابه بالا بگردید.
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
-2 # سارا 1393-12-17 11:48
سلام
من از intellij idea استفاده میکنم مشکلم حل نشد همچین گزینه ای هم که شما گفتید پیدا نکردم چیکار کنم وقتی فارسی تایپ میکنم تگها راست و چپ میشن و نوشته های فارسیم هم به هم میریزن !!خیلی ممنونم اگه راهنمایی کنید
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
-1 # مظاهر نصوحی 1393-12-17 15:19
با سلام
قبلاً از این IDE استفاده نکرده ایم.
با تشکر
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
0 # علیرضا 1393-11-16 09:54
با سلام دوتا سوال داشتم
اول اینکه یعنی ما از تگ font دیگه استفاده نکنیم و بجاش از css استفاده کنیم، درست فهمیدم؟؟؟
دوم اینکه تو خط زیر verdana چیه سایزه یا اسم فونته؟؟؟
<h1 style="font-fam ily:verdana"> ; This is a heading </h1>
با تشکر
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+2 # امیر پهلوان صادق 1393-11-16 10:06
سلام
1- همان طور که گفته شد، تگ font منسوخ شده است.
2- verdana اسم فونت است که البته در فارسی بیشتر از tahoma استفاده می شود. ان شا الله در ادامه با خصوصیات CSS آشنا خواهید شد، اما با استفاده از خصوصیت font-family می توان فونت متن ها را تنظیم کرد.
برای اطلاعات بیشتر در مورد font-family به لینک زیر برید:
http://beyamooz.com/css/85-style/91
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
0 # malih niku 1394-05-04 14:08
سلام ببخشید بعدا توcssدرباره verdana ,tahomaوکلا انواع فونت هاصحبت میشه اگه نه شما اینا رو از کجا خوندین؟
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
0 # احسان عباسی 1394-05-04 21:54
بله در قسمت خصوصیات css، درباره ی انواع و اولویت فونت ها صحبت می شود به عنوان مثال می توانید به این لینک مراجعه کنید: www.beyamooz.com/cssref/227-css-properties/808-font-family
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+1 # افشار 1393-11-14 23:27
سلام ببخشید من متوجه نشدم تنظیم فونت به صورت اولیه درست است یا به صورتیکه که در مثال ها آمده
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+3 # امیر پهلوان صادق 1393-11-16 09:36
سلام، حتماً به روشی که در مثال ها آمده است.
توجه کنید که تگ font منسوخ شده است و بجای آن باید از CSS برای تنظیم فونت استفاده کرد.
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن

آموزش صوتی HTML

بستن
مدرس:
سوال و جواب:

ابزاری که در پیش روی دارید یکی از ابزارهای بسیار کاربردی سایت بیاموز در زمینه آموزش است، این ابزار برای سهولت یادگیری شما کاربران محترم طراحی شده است.

فقط کافی است روی عنوان پاراگراف مورد نظرتان کلیک کنید تا پخش صدا آغاز شود ...!

تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.
logo-samandehi مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی پرداخت آنلاین -  بانک ملت معرفی بیاموز در شبکه سه پرداخت آنلاین - بانک اقتصاد نوین پرداخت آنلاین - بانک سامان
 
دوره های آموزشی راه اندازی کسب و کارهای اینترنتی
تبلیغات اینترنتی