خانه آموزش برنامه نویسی آموزش اچ‌تی‌ام‌ال HTML Styles

آموزش اچ‌تی‌ام‌ال HTML Styles

54 بازدید
۰
0
121

در این بخش از آموزش HTML استایل (HTML Styles)  با استفاده از تگ Style توضیح داده می شود.

تگ <style> زمانی استفاده می شود که می خواهیم به المان هایی که داریم استایل بدیم، برای مثال نوع فونت،رنگ نوشته، بک گراند (پس زمینه) مکان نوشته و … جزئی از استایل ها به حساب میان.

نمونه استفاده از تگ style در اچ‌تی‌ام‌ال به این صورت می باشد :

<!DOCTYPE html>
<html>
<body>

<p style="color:green;">این متن سبز می باشد</p>
<p style="color:red;">این متن قرمز می باشد</p>
<p styl="font-family:tahoma;">فونت این نوشته تاهما می باشد</p>
<p style="text-align:center;">این نوشته وسط چین می باشد</p>
<p style="font-size:170%;">اندازه این نوشته ۱۷۰ درصد می باشد</p>
</body>
</html>

توضیحات لازم:

درهنگام نوشتن استایل در اچ‌تی‌ام‌ال رون تگ <style> مواردی که می خواهیم را اضافه می کنیم. برای مثال:

color:red; در اینجا ما تعریف کردیم که در این پاراگراف رنگ نوشته “قرمز” باشد یا در پاراگراف اول که green نوشتیم که به معنای سبز است یعنی رنگ نوشته ما سبز رنگ باشد.

font-family:tahoma; در اینجا گفتیم که نوع خانواده/جنس فونت های ما از نوع تاهما باشد

font-size:170%; در این جاسایز و اندازه نوشته را گفتیم که ۱۷۰% باشد و بزرگتر نمایش داده شود

text-align:center; در اینجا text-align یعمی جایگاه نوشته و center یعنی وسط در واقع ما گفتیم که نوشته ما در وسط قرار بگیرد

نوشته ها در نوت پد ویندوز :

HTML استایل

خروجی :

HTML استایل

مقالات مرتبط بیشتر را بارگیری کنید
بارگزاری مطالب دیگر Ansel
Load More In آموزش برنامه نویسی

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

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

بیست + 9 =

همچنین بررسی کنید

چگونه یک اپلیکیشن اندروید با Android Studio بسازیم ؟

در این آموزش اصول اولیه ساختن یک برنامه اندرویدی (اپلیکیشن اندروید) با استفاده از محیط توس…